Issue with Javascript in any posts besides first post in posting system [duplicate]
The IDs for elements are supposed to be unique in the DOM
. Having the same ID for two or more elements is not valid html. To share functionality across elements, assign them a common class, rather than giving them the same ID. If you can't assign them a common class, the workaround below will allow you to select elements with the same id attribute:
Using the same ID (If not possible to change ID)
jQuery(document).ready(function() {
jQuery('[id=carousel]').jcarousel();
});
Using a common class (Recommended way)
jQuery(document).ready(function() {
jQuery('.carousel').jcarousel();
});
You can't have more than one element with the same Id, that's why is not working. You should use class="caroussel"
instead.
jQuery(document).ready(function() {
jQuery('.carousel').jcarousel();
});
In recent versions of jQuery, when you have multiple id's on the page, selector will return only the first 'id' that was found in the DOM. You should use class instead.