从链接菜单中单击链接时发布变量

Question

我有3个链接我菜单.当我点击链接时,我会发布他们的ID:

小提琴:小提琴

HTML:

            <div class="home-content">
                <div class="menu-bar">
                        <ul class="nav nav-tabs">
                          <li class="active" id="top_picks"><a href="#">Top Picks<sup>beta</sup></a></li>
                          <li><a href="#" id="popular">Popular<sup>beta</sup></a></li>
                          <li><a href="#" id="analysis">Friends analysis</a></li>
                        </ul>
                        <p class="custom-alert">Article changes everyday! come back for more fun......</p>
                </div>
            </div>
<div class="articleContent">This content changes when link is clicked</div>

JS:

$(function () {
    $(".menu-bar li a").click(function () {
        var category = $(this).attr('id');
        $(".active").removeClass("active");
        $(this).parent().addClass("active");

        //$('label').css('color', selText);
        // When user clicks o "top picks" then it does not post category to ivite_db.php
            $.ajax({
                    url: "invite_db.php",
                    type: "POST",
                    data: {"link_menu": category},
                    success: function(data) {
                        $(".articleContent").html(data);
                    }
                });           
        });
    });

单击popular和analysis链接时代码工作正常.但是当top_picks点击链接时,它会发布类别吗？

这有什么问题？

Answer 1

你应该在a元素中有ID ,而不是li,试试这个:

<li class="active"><a href="#" id="top_picks">

小提琴