点击调用jQuery插件

Question

I have searched and searched but have not found a simple answer to why the following does not work. What I was trying to do is call a jQuery plugin in a click event instead of at page load (doc ready). So, this code works:

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

This code below does not work. I have put the same code inside a click function. I get no errors, but nothing happens:

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

                });
        });
    </script>

Can someone tell me why it doesn't work, and what I need to do to call the plugin on a click event, or a re-size window event, or equivalent?

Could this be something specific to this plugin (I did not write it)?

Thank you for any help or insight.

Answer 1

Sharing some of the HTML in your question would help. I would start using chrome dev tools or firebug in firefox and run:

$("#testbutton2").length 

to verify you are selecting something.

Then add a console.log inside your click handler to make sure that something is happenning.