Question

我已经为我网站上的标签用户界面应用了以下jquery插件。 https://rawgit.com/adamjimenez/ui.tabs.overflowResize/master/demo/index.html

我猜它正在旧版本的jquery上运行。

网站控制台出现了一些错误。

Uncaught TypeError: Cannot read property 'tabs' of undefined
ui.tabs.closable.js:11 Uncaught TypeError: Cannot read property 'ui' of undefined
ui.tabs.addTab.js:11 Uncaught TypeError: Cannot read property 'ui' of undefined
jquery.min.js:3 Uncaught Error: no such method 'overflowResize' for tabs widget instance

这是实时网站：http://lifeto.cafe24.com/xe/

任何人都可以告诉我导致错误的原因以及解决方法吗？

我也尝试过安装任何其他可行的解决方案。

但似乎没有工作。

这是代码：

jQuery(document).ready(function(){
 jQuery( ".tabpanel" ).tabs({closable: true, addTab:true}).tabs('overflowResize')
  .find( ".ui-tabs-nav" ).sortable({
  distance: 10
 });
});

和html：

<div class="window_tab">
  <div class="tabpanel">
    <ul>
        <li><a href="#tabs-1" class="closable">Tab 1</a></li>
        <li><a href="#tabs-2" class="closable">Tab 2</a></li>
        <li><a href="#tabs-3" class="closable">Tab 3</a></li>
    </ul>
    <div id="tabs-1">
        <p>
            Content 1</p>
    </div>
    <div id="tabs-2">
        <p>
            Content 2</p>
    </div>
    <div id="tabs-3">
        <p>
            Content 3</p>
    </div>
 </div>
</div>

我需要的核心功能是我可以关闭选项卡的功能，并在我点击特定菜单时重新打开特定选项卡。并且它们应该是可拖动的，以便我可以改变它们的顺序。

我宁愿期待让它发挥作用的方法，而不是四处走动或放弃的方式。

感谢。

Answer 1

jQuery-ui需要在ui.tabs模块之前加载。将<script src="/xe/common/js/plugins/ui/jquery-ui.min.js?20151113203341"></script>移到head内，或者将其余的脚本移到第388行，当前正在加载jquery-ui。

无法读取未定义的属性'ui'

1 个答案: