JQuery中的选项卡选择问题_Jquery_Html_Tabs

JQuery中的选项卡选择问题

jquery html tabs

JQuery中的选项卡选择问题,jquery,html,tabs,Jquery,Html,Tabs,我有以下问题：我想创建一个网页，在其中我可以通过侧栏和jQuery选项卡本身的上部按钮栏使用jQuery选项卡。我正在使用以下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

我有以下问题：

我想创建一个网页，在其中我可以通过侧栏和jQuery选项卡本身的上部按钮栏使用jQuery选项卡。我正在使用以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>title here</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="ui.core.js"></script>
        <script type="text/javascript" src="ui.datepicker.js"></script>
        <script type="text/javascript" src="ui.tabs.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="local.css" />
        <script type="text/javascript">
            $(document).ready(function(){
            $("#datepicker").datepicker();
        });
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#tabs").tabs();
            });
            $("select2").click(function() { // bind click event to link
                $("$tabs").tabs("select", 1); // switch to third tab
                return false;
            });
        </script>
    </head>

<body>
    <div id="container">
        <div id="row">
            <div id="leftsubcontainer"><div class="column-in">
                <h4>rev0.1</h4>
                <p>medewerkernaam</p>
                <br/>
                <div type="text" id="datepicker"></div>
                <br/><br/>
                <br/><br/>
                <p>log out</p>
                <button id="select2">kies derde</button>
                <br/><br/>
            </div></div>
            <div id="rightsubcontainer"><div class="column-in">
                <div id="tabs">
                    <ul>
                        <li><a href="#tabs-1">Nunc tincidunt</a></li>
                        <li><a href="#tabs-2">Proin dolor</a></li>
                        <li><a href="#tabs-3">Aenean lacinia</a></li>
                    </ul>
                    <div id="tabs-1">
                        <p>tekst1</p>
                    </div>
                    <div id="tabs-2">
                        <p>tekst 2</p>
                    </div>
                    <div id="tabs-3">
                        <p>tekst 3</p>
                    </div>
                </div>
            </div></div>
        </div>
    </div>
</body>
</html>

问题是，每当我单击按钮时，选项卡都没有改变，即它没有选择正确的选项卡。你们有谁知道我做错了什么吗

希望能收到你们的来信

亲切问候,，

Jeroen

您的选择器有一些打字错误和问题，这些都会妨碍您的选择。使用以下代码重新编译javascript代码

$(document).ready(function() {
    var $tabs = $("#tabs").tabs();
    $("#select2").click(function() {
        // bind click event to link
        $tabs.tabs("select", 1); // switch to second tab
        return false;
    });
});

这应该行得通