2012-01-16 34 views
1

我有一個jQuery replaceWith,它將幾個圖像鏈接加載到html中。 我試圖(重新)適用這些圖像的循環插件,以便他們形成一個畫廊。
我玩過.live,但似乎沒有任何迴應。使用jQuery插入HTML後調用並運行函數replaceWith

什麼明顯錯在這裏(除了有比使用rplaceWith更好的方法)
我的猜測是,我有打電話給replaceWith後的功能幻燈片,即使其他帖子說,這應該能正常運行...

$("#studiesB").live('click', function(slideShow){ 
$(".content").replaceWith('<img src=images/1.jpg> <img src=images/2.jpg>'); 

}); 

$(function slideShow() { 

    $('#slideshow').cycle({ 
     fx:  'fade', 
     timeout: 0, 
     prev: '#prev', 
     next: '#next', 


     pagerAnchorBuilder: pagerFactory 
    }); 

    function pagerFactory(idx, slide) { 
     var s = idx > 2 ? ' style="display:none"' : ''; 
     return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>'; 
    }; 

}); 
+0

您是否將代碼留在您的示例之外?爲什麼您在click事件中創建的函數中似乎沒有使用「slideShow」參數?沒有看到更多的代碼,Id猜測的問題在於事實上,一旦插件被調用,它基於對象的內容傳遞它,並簡單地使用replaceWith在事實之後操縱DOM。 – j08691 2012-01-16 15:53:57

+0

我很害怕這一點,我想也可以在dom被操作或使用正常語言後,將函數slideShow應用到圖像上:單擊按鈕用代替.content,然後將函數幻燈片應用到它上面。 – 2012-01-17 10:00:17

回答

0

把你.live函數中的$(document)。就緒

$(document).ready(function(){ 
    $("#studiesB").live('click', function(slideShow){ 
     $(".content").replaceWith('<img src=images/1.jpg> <img src=images/2.jpg>'); 
    }); 
}); 

任何寫在腳本的開始運行應函數內包裝,這將是執行磨片n文檔元素觸發就緒事件

否則它將不起作用