jquery ui选择Internet Explorer的问题

Question

我正在使用

jquery - 1.4.4

jquery ui - 1.8.17

并且在任何版本的Internet Explorer上我都遇到标签问题..

如你所见，一些标签内容显示在标签div

之外

这是我的代码：

<div id="tab_documents" class="ui-set-tabs" style="min-height: 150px">
    <ul class="tabNavigation">
        <li><a href="#tab_model"><?php $this->lang->cout("messages_sms_other")?></a></li>
        <li id='tab_dest_title' <?php  echo isset($enable_tabs) ? '' : 'class="ui-state-disabled"' ?>><a href="#tab_dest"><?php $this->lang->cout("attrs_destination")?></a></li>
        <li id='tab_params_title' <?php  echo isset($enable_tabs) ? '' : 'class="ui-state-disabled"' ?>><a href="#tab_params"><?php $this->lang->cout('documentemissions_params')?></a></li>
        <li id='tab_attach_title'  <?php  echo isset($enable_tabs) ? '' : 'class="ui-state-disabled"' ?>><a href="#tab_attach"><?php $this->lang->cout('attrs_attachments') ?></a></li>
    </ul>
    <div id='tab_model'> content </div>
<div id='tab_dest'> content </div>
<div id='tab_params'> content </div>
<div id='tab_attach'> content </div> 

所以当我点击第3或第4个标签时，Internet Explorer会给我这个：

SCRIPT5022：jQuery UI选项卡：不匹配的片段标识符。 jquery-ui.min.1.8.17.js，第181行，第6303字段

任何帮助？提前谢谢

Answer 1

首先，id="tab_documents"的div未关闭，也许版本不匹配。您使用的jQuery UI版本与jQuery不兼容。也许jQuery UI的1.8.17来自jquery的1.4.4之后。

尝试使用这两个库的最新版本。 得到1.8 jQuery和1.9.2 jQuery UI