2012-02-23 132 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