Question

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

Object不支持此属性或方法

我的代码在这里

$('#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我做了一些编辑，就像ajax选项仅在选项卡2被选中时才实现，所以我给了if条件然后我可以退出该选项卡（2-ajax加载），我以前不能，现在新的问题是，我再也无法回到tab2 ..我希望你guyz得到了问题？ :)。脚本在

下面

$("#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;
               }    
        }
    });

JQuery UI Ajax加载的标签无法切换到其他标签

0 个答案: