哪里是我的jQuery错误?将AJAX与下拉菜单结合起来

Question

我目前正在从一个名为'.decline'的类按钮运行以下AJAX函数

$(function() {
    $(".decline").click(function(){
        var element = $(this);
        var del_id = element.attr("id1");
        var order_id = element.attr("data-order1");
        $.ajax({
            type: "POST",
            url: "decline.php",
            //data: info,
            data: {id1:del_id,order_id1:order_id},
            success: function(){cache: false}
        });
        $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow").animate({ opacity: "hide" }, "slow");
    });
});

这可以根据需要工作，但现在我已经添加了一个下拉按钮，像这样:

<div id="dropdown-1" class="dropdown dropdown-tip">
    <ul class="dropdown-menu">
        <li><a class="decline" href="#1" id1="<?php echo $id1; ?>" data-order1="<?php echo $name; ?>">Item One </a></li>
        <li><a href="#2">Item Two</a></li>
        <li><a href="#3">Item three</a></li>
    </ul>
</div>

，我将AJAX更改如下(只是执行它的类)

<script type="text/javascript">
$(function() {
    $(".decline a").click(function(){
        var element = $(this);
        var del_id = element.attr("id1");
        var order_id = element.attr("data-order1");
         $.ajax({
           type: "POST",
           url: "decline.php",
           //data: info,
           data: {id1:del_id,order_id1:order_id},
           success: function(){cache: false}
        });
        $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow").animate({ opacity: "hide" }, "slow");
    });
});
</script> 

我的下拉菜单根据需要工作，但现在我不能再运行我的AJAX函数。我怀疑这是我在jQuery中分配的类的问题，但我无法追踪它。

谢谢!

Answer 1

我看下列内容不对:

success: function(){cache: false}

也许你想填充一个函数体:

success: function() { ... },<br>
cache: false

我认为你需要使用a.decline来选择你感兴趣的元素