选项卡在新窗口上提交表单，原因

tabs submiting form on new window, why?

本文关键字：提交 表单 原因 窗口 新窗口 选项      更新时间：2023-09-26

我有一个问题。

我一直在使用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 );
});

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

看起来您正在动态更改选项卡的ID属性。当您更改元素的ID时，您将其从DOM中移除，或者更确切地说，您将它作为一个新元素重新注入到DOM中。因此，以前绑定到该元素的任何javascript都不再绑定。由于您使用的是jQueryUI选项卡，因此更改后的元素可能不再是选项卡

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

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

一般来说，在动态更改ID时要格外小心。

相关文章：