2012-02-23 137 views
1

我是新來的jQuery,並希望在單擊鏈接之後開始幻燈片演示,而不是在加載頁面之後。怎麼做?ajQuery - 點擊開始幻燈片演示

> <script type="text/javascript"> 
> jQuery(document).ready(function($){ $("a[rel^='id']").prettyPhoto({ 
>     theme: 'pp_default',slideshow:5000, autoplay_slideshow:true}); 
>   }); 
>  </script> 

我想象這樣開始:

<a href="javascript:startSlideshow()">Start Slideshow</a> 

回答

1

使用ID爲標籤的 「A」:

<a href="javascript:" id="slide">Start Slideshow</a> 

<script type="text/javascript"> 
jQuery(document).ready(function($){ 
    $('#slide').click(function(){ 
    $("a[rel^='id']").prettyPhoto({ 
       theme: 'pp_default',slideshow:5000, autoplay_slideshow:true}); 
    }); 
}); 
</script> 

UPDATE:

<a href="javascript:" id="slide">Start Slideshow</a> 

<script type="text/javascript"> 
jQuery(document).ready(function($){ 
    $('#slide').click(function(){ 
     $("a[rel^='id']").click(); 
    }); 
</script> 
+0

感謝你的答案,但由於某種原因沒有發生點擊鏈接後。該函數接收到一個調用,但之後沒有任何內容。我錯過了什麼? – Tom 2012-02-23 22:44:38

+0

你可以嘗試使用一些CSS類而不是[rel^='id']? $( 「圖像列表」)prettyPhoto(...)。 – Anthony 2012-02-23 22:47:44

+0

我翻看手冊。我在那裏找到了兩個參數。您是否嘗試使用自動播放:false和autoplay_slideshow:false? – Anthony 2012-02-23 22:52:20