Search jQuery

jQuery Forum

Problems with multiple random lists on page

in Using jQuery • 12 years ago

Hi! I wanted to create a randomizer for some list items that I have on one page and on searching I found this page with some great advice: http://forum.jquery.com/topic/how-to-shuffle-list-items-in-an-array-on-refresh. So I got an unordered list to display random info on page refresh.

The thing is that I'm not very good with jQuery and I would like to have two distinct lists randomize on page refresh and if I just copy and rename all the vars from the working list, my entire page just dies. I'm guessing it's because of multiple jQuery loops (while appears twice now).

Does anyone have any ideas?

Thanks!

Replies(2)

jay.blanc..

Re: Problems with multiple random lists on page

12 years ago

We would need to see your markup but I am betting that you will need to copy the functionality for one into another function. For instance I would have two lists, one with id="listOne" and the other with id="listTwo" then I would have a jQuery code block that selects $("#listOne") and one that selects the other list $(#"listTwo"). I hope that helps.

charlietfl

Re: Problems with multiple random lists on page

12 years ago

fairly easy to modify the example code by wrapping the whole example in $.each and just change the first line

<ul class='randomlist'>

$('.randomlist').each(function(){
            // add all the example code and change this
            var $li = $("li").hide();

            //TO
            var $li = $(this).find("li").hide(); // the change keeps the context of the li's within the individual lists

})

Top Reply

Response title

Attachments

jQuery Forum

Problems with multiple random lists on page

Replies(2)

Re: Problems with multiple random lists on page

Re: Problems with multiple random lists on page

Statistics

Tags

Actions