Question

我正在尝试对未选中的jQuery选项卡中包含的元素运行jQuery代码。如果我在Ajax加载完成之前快速单击选项卡它可以正常工作，但是如果我在没有选择的情况下让它继续运行，则代码将不会被执行。

如下所示，我想要加载数据的标签从头开始没有定义，它是在用户点击按钮时创建的。

我想要实现的功能是选项卡，用户将在开始选项卡中搜索X，然后创建新选项卡，在后台加载内容（需要网格和格式的jQuery代码）。然后，用户可以单击选项卡并查看结果。

jQuery 1.10 jQuery-UI 1.10

示例：

<script>

$(document).ready(function(){

var myindex = 1;

$("#startsearch").click(function() {

    search = escape(($("#search").val()));

    searchdate = ($.datepicker.formatDate('yy-mm-dd', new Date()));

    var tabs = $( "#tabs" ).tabs();
    var ul = tabs.find( "ul" );

    // Add new tab
    newhtml = "<li id='henrik_tab_" + myindex + "Selector'><a href='#henrik_tab_" + myindex + "'>Search: " + searchdate + "</a></li>";
    newhtml2 = "<div id='henrik_tab_" + myindex + "'></div>";
    ul.append(newhtml);
    tabs.append(newhtml2);
    tabs.tabs( "refresh" );

    // Load data into tab
    $( "#henrik_tab_" + myindex).load("dosearch.php?data=" + search, function(responseTxt,statusTxt,xhr) {
            if(statusTxt=="success") {

        !! DOING STUFF WITH ELEMENTS CONTAINED IN THE NEW TAB HERE !!

            }
            if(statusTxt=="error")
                    alert("Error: "+xhr.status+": "+xhr.statusText);
    });

    // increse the counter for next tab
    myindex++;

});

$( "#tabs" ).tabs();

});
</script>

非常感谢任何帮助。

Answer 1

尝试更改代码

tabs.append(newhtml2);

到

$( "#tabs" ).append(newhtml2);

如果没有修复，想显示代码应该执行但不是。

在未选择的jQuery-UI选项卡中运行jQuery代码 - 1.10

1 个答案: