Question

我正在尝试使用jQuery scrollable创建一个基本列表，但是我有一个问题是显示整个列表 - 而不是像scrollable（）中'size'参数所定义的子集。

我在Chrome中测试，但它没有检测到任何javascript错误。此外，当我将鼠标悬停在鼠标上时，该列表似乎正在捕捉鼠标滚轮，因此似乎有些工作正在发挥作用。

我基于这个示例here，并且看到示例在我的浏览器中工作，我必须做出一些非常明显的错误。我使用的是与示例中提供的相同的css / js。

任何人都可以启发我吗？

<html>
<head>
<link rel="stylesheet" href="css/scroll.css" type="text/css" media="print">
<script src="js/jquery.js"></script>
<script> 
// execute your scripts when DOM is ready. this is a good habit 
$(function() {         

    // initialize scrollable  
    $("div.scrollable").scrollable({ 
        vertical:true,  
        size:10,
        clickable:false

    // use mousewheel plugin 
    }).mousewheel();     

    // get handle to scrollable API 
    var api = $("div.scrollable").scrollable(); 

    // append new item using jQuery's append() method 
    for (i = 0 ; i < 30 ; i++) {
        api.getItemWrap().append( 
        '<p>added'+i+'</p>'
        );  
    }

    api.reload().end();      
}); 
</script>
</head>
<body>


        <div class="scrollable vertical">     

            <!-- root element for the items --> 
            <div class="items"> 

            </div> 

        </div> 


</body>
</html>

Answer 1

您的代码看起来不像包括jquery工具js。这是问题吗？

有一个页面的实时链接，或者你在这里包含样式会很有帮助。

此外，当链接到jquery时，如果你使用它，我可以更容易地复制/粘贴和调试：

Answer 2

或者文档就绪功能？

$(document).ready(function() {

jquery scrollable显示所有项目

2 个答案: