Jquery Jpages函数在Jquery ui Tabs中不起作用

时间:2015-03-23 07:58:24

标签: javascript jquery

我无法在jquery UI Tabs中创建一个带有分页的jquery图像库。选项卡运行良好,但分页不起作用。我使用Jpages作为插件。

这是我的HTML代码:

<div id="tabs">
    <ul>
        <li><a href="#info">Info</a></li>
        <li><a href="#menu">Menu</a></li>
    </ul>

    <div id="info">First Tabs</div>
    <div id="menu>
       <ul id="itemContainer">
          <li><img src="img/thumb1.jpg"></li>
          <li><img src="img/thumb1.jpg"></li>
          <li><img src="img/thumb1.jpg"></li>
          <li><img src="img/thumb1.jpg"></li>
      </ul>
      <div class="holder"></div>
   </div>
</div>

这是Javascript:

$(function() {
    $("#tabs").tabs({
        show: function(e, ui) {
            $("div.holder").jPages({
                containerID : "itemContainer",
                previous : "Previous",
                next:"Next",
                perPage:6
            });
        }
    });
 });

0 个答案:

没有答案