0

我正在使用 jQuery UI 选项卡。第二个选项卡是根据第一个选项卡中存在的文本字段的值动态加载的。这也有效。但是当我尝试切换回第一个选项卡时，我收到了这个错误

对象不支持此属性或方法

我的代码在这里

$('#tabs').tabs({
    select: function() {
        $(this).tabs("option", { 
            ajaxOptions: {
                cache:false,
                data: { emp_id: $('#emp_id').val() } 
            } 
        });
    }
});

HTML

<div id="tabs" style="overflow: scroll">
    <ul>
        <li><a href="#tabs-1">Add/Remove</a></li>
        <li><a href="#tabs-2">Update</a></li>
        <li><a id="tab_upd" href="<%=path%>/development/hr_upd.jsp"><span>Test</span></a></li>
    </ul>
    <div id="tabs-1">
        <fieldset>
            <legend style="margin-left:35%"><b><h3>HR</h3></b></legend><br/>
            <form name="hr" id="hr" method="post">
                <table border="0" align="center" width="300" bgcolor=white>
                    <tr>
                        <td>Employee ID </td>
                        <td><input type="text"  name="emp_id" id="emp_id"/></td>
                    </tr>
                    </tr>
                </table><br/>
            </form>
        </fieldset>
    </div>
    <div id="tabs-2">TAB 2</div>
</div>

所以第三个选项卡是 ajax 加载的，服务器端文件是hr_upd.jsp. 一切都很好，文件已通过传递的参数加载到选项卡 2 中。唯一的问题是，在单击 ajax 选项卡一次后，我无法在选项卡之间切换。

谢谢并恭祝安康

K guyz 我做了一些编辑，比如仅在选择选项卡 2 时才实现 ajax 选项，所以我给出了一个 if 条件，然后我可以退出该选项卡（2-ajax 加载），这是我以前无法做到的，现在是新的问题是，我无法再次回到 tab2 了。我希望你们有问题吗？？:)。脚本如下

$("#tabs").tabs({
        select: function(event, ui) {
       //    alert(ui.index);
           if(ui.index==2)
               {
                   $( "#tabs" ).tabs( "option", "ajaxOptions", { data: { emp_id: $('#emp_id').val() }} );
                   return true;
               }    
        }
    });
4

0 回答 0