Question

我搜索过并搜索过，但没有找到一个简单的答案，说明为什么以下内容不起作用。我试图做的是在点击事件而不是页面加载（doc ready）中调用jQuery插件。所以，这段代码有效：

<script type="text/javascript">
        $(document).ready(function() {
            $("#slidingtabs").slidingTabs({ 
                tabActive:1, 
                totalHeight:"580", 
                orientation:"vertical" 
            });
        });
    </script>

以下代码不起作用。我在click函数中放了相同的代码。我没有错，但没有任何反应：

<script type="text/javascript">
        $(document).ready(function() {
            $("#testbutton2").click(function(){
                $("#slidingtabs").slidingTabs({ 
                tabActive:1, 
                totalHeight:"380", 
                orientation:"vertical"  
            });

                });
        });
    </script>

有人可以告诉我它为什么不起作用，以及在点击事件，重新调整大小窗口事件或同等事件上调用插件需要做些什么？

这可能是这个插件特有的东西（我没写过）？

感谢您的帮助或见解。

Answer 1

在您的问题中分享一些HTML会有所帮助。我会在firefox中开始使用chrome dev工具或firebug并运行：

$("#testbutton2").length

确认您正在选择某些内容。

然后在点击处理程序中添加一个console.log，以确保发生了某些事情。

单击时调用jQuery插件

1 个答案: