1

我有一个 jQuery replaceWith 将一些图像链接加载到 html 中。我正在尝试（重新）在这些图像上应用循环插件，以便它们形成一个画廊。
我玩过 .live 但似乎没有任何反应。

这里有什么明显的错误（除了有比使用 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>';
    };

});
4

1 回答 1

0

将您的 .live 函数放入 $(document).ready

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

任何写在脚本开头运行的东西都应该包装在一个函数中，当文档元素触发就绪事件时将执行该函数

否则将无法正常工作

于 2012-01-19T14:07:18.067 回答