Question

我开始了新项目，并使用jquery向文章添加内容

当我使用此代码创建滑块时：

$(".inserttabtext1").click(function () {
    var count = parseInt($(".firsttabtextcount").attr("name"), 10);
    var name = parseInt($(this).attr("name"));
    var id = "#" + name;
    var idi,idt,content,idic,idtc;
    content = "<div class='short-tabs'><ul>";
    for (var i = 1; i <= count; i++)
    {
        idi = "#ftti" + i;
        idic = $(idi).val();
        if (i == 1) 
        {
            content += "<li class='active'><a href='#'> " + i + idic + "</a></li>";
        }
        else
        {
            content += "<li><a href='#'> "+ i + idic +"</a></li>";
        }
    }
    content += "</ul>";
    for (var i = 1; i <= count; i++) 
    {
        if (i==1) 
        {
            content += "<div class='active'>";
        }
        else
        {
            content += "<div>";
        }
        idt = "#fttt" +i;
        idtc = $(idt).val();
        content += "<p class='text-go-center'>"+idtc+"</p></div>";
    }
    content += "</div>";
    $(id).html(content);
});

并将它们放入html代码中，我的文本滑块无法正常工作

但是当我在我的页面中放置手动html代码时，它可以正常工作

我使用这些代码复制我的HTML代码

$(id).html(content);
$(id).append(content);

我哪里错了？

Answer 1

创建一个函数并将滑块代码放入其中，然后在$（document）.ready中调用它，并在添加html后再次调用它

$(document).ready(function(){
    Init();
});

function Init(){
    //Call your slide function here
}

添加Html后调用Init

$(id).html(content);
$(id).append(content);
Init();

jquery添加了html代码无效

1 个答案: