Question

我有一个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>';
    };

});

Answer 1

将你的.live函数放在$（document）.ready

中

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

在脚本开头编写的任何内容都应该包含在一个函数中，该函数将在document元素触发ready事件时执行

否则无效

使用jQuery和replaceWith插入HTML后调用和运行函数

1 个答案: