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

Question

我有一个问题。

我一直在使用Tabs（小部件 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 时要格外小心。