jQuery没有't在引导程序模板中定位指定的锚点

jQuery doesn't locate specified anchors in bootstrap template

本文关键字：定位 没有 引导程序 jQuery      更新时间：2023-09-26

我使用的是仪表板引导模板，我想在单击指定链接时使用jQuery交换内容。这是我的代码：

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="#">Overview</a></li>
                <li><a href="#">Membership requests</a>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a id="switch" href="http://www.google.com">List news</a></li>
                <li><a href="">List announcements</a></li>
                <li><a href="">List members</a></li>
                <li><a href="">List accounts</a></li>
            </ul>

...

jQuery:

    <script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("a#switch").click(function() {
            alert('OK');
            $('#content').load(this.href);
            return false;
        });
    });
</script>

jQuery找不到id为"switch"的锚点。这有什么问题？感谢

$("a#switch").on('click', function(e) {
        $('#content').load(this.href);
        return false;
    });

也许行得通。该事件可能是其他元素上的火灾。

相关文章：