Zeroclipboard and jQuery .load

Question

so, I have a script like this

<script>
$(document).ready(function() {
   $('#lista').load('gifs/1.php').fadeTo( "slow" , 1);
});
</script>

<script src="arqs/main.js"></script>
<ul id="lista"></ul>

main.js:

$(document).ready(function() {
   var DOMarr=$('#lista li').map(function(){return this;});
   var clip = new ZeroClipboard(DOMarr); 
})

the problem is, zeroclipboard is not "injecting" the flash file when I use .load(), if I use php include it works normally but when I switch to load it does that :( does someone knows a workaround?

I'll need to use load to switch the list, and I'd like zeroclipboard to allow copying from the new list

score 0 · Accepted Answer · answered Aug 23 '14 at 20:25

0

.load is an asychronous call so .ready may be executed before. Make sure the list is loaded before doing the ZeroClipboard call.

answered Aug 23 '14 at 20:25

Stefan Ticu

2,093
1
12
21

sorry, i didn't understand, isn't $(document).ready doing that? – user3417825 Aug 23 '14 at 20:30
.ready is called when the DOM has loaded, use .load http://stackoverflow.com/questions/8396407/jquery-what-are-differences-between-document-ready-and-window-load – Stefan Ticu Aug 23 '14 at 20:39
ok, that worked, but then when I change the list it doesn't work anymore :( – user3417825 Aug 23 '14 at 20:45
ok so I used the same function of window.load (to inject the flash etc) for everytime I click a button to go to the next list, and it workedddddddddd.. thank youuuuuuuuuuu – user3417825 Aug 23 '14 at 20:48
one question at a time :) post the whole code or a jsfiddle and I'll look into it – Stefan Ticu Aug 23 '14 at 20:49

Zeroclipboard and jQuery .load

1 Answers1