Question

我有一个问题。

我一直在使用Tabs（widget jqueryUi）。

所有似乎都运行正常，但有时当我提交表单（在标签内）时，结果会出现在窗口中，而不是在tabdiv中。

我不希望这样，客户端必须保留在网络系统中。

我已经尝试在表单中添加target="_self"，但有时会继续这样做。

var $tabs = $("#main").tabs({
    tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close notext inline'>Remove Tab</span></li>",
    idPrefix: "tab_",
    add:function(e, ui){
        $tabs.tabs('select', '#' + ui.panel.id).show("blind");
        $j( "#list_tabs .ui-icon-close:last" ).on( "click", function(e, elemento) {
            var index = $( "li", $("#main").tabs() ).index( $( this ).parent() );
            $("#main").tabs( "remove", index );

            desativarItemSubmenu($('#' + $(this).parent()[0].id.replace('tab_', '')));
        });
    },

    select: function(event, ui){
        var id = $(ui.tab).parent()[0].id;
        if(id)
            ativarItemSubmenu($('#' + id.replace('tab_', '')));
    },
    cache:true,
    ajaxOptions: {async: false,cache: false}
})


$(".anchor").live("click", function(){
    if("<?php echo $this->session->userdata("cod_usuario") ?>" == ""){
        window.location.reload;
    }
    var url = this.rel;
    var tab_title = this.text;
    var tab_id = "tab_"+this.id;

    if(!$('#' + tab_id).length){
        if($('#main').tabs('length') > 3)
            $("#main").tabs("remove", 3);

        $("#main").tabs("add", url, tab_title);
        $("#list_tabs li:last").attr("id", tab_id); 
        $("#list_tabs li:last").addClass("active");
    }
    else{
        $('#main').tabs('option', 'selected', $('#' + tab_id).index());
    }
})

// Remove a tab clicando no "x" (remove tab by click on "x")
$( "#main span.ui-icon-close" ).live( "click", function() {
    var index = $( "li", $("#main").tabs() ).index( $( this ).parent() );
    $("#main").tabs( "remove", index );
});

Answer 1

我对这个答案并不完全有信心，但如果不是解决方案，那么也许它会给你提出可能导致解决方案的想法。

您似乎正在动态更改标签的ID属性。更改元素的ID时，将其从DOM中删除 - 或者更确切地说，将其作为新元素重新注入DOM。因此，之前绑定到该元素的任何javascript都不再绑定。由于您使用的是jQuery UI选项卡，因此更改的元素可能不再是选项卡。

这可能会导致您所描述的问题类型。

解决方案：不是更改选项卡ID，而是重构代码以使用您添加/删除的类。

作为一般规则，在动态更改ID时要格外小心。

标签在新窗口中提交表单，为什么？

1 个答案: