jquery - href点击事件到。按钮点击事件。使困惑？

Question

我正在构建一个消息中心。我的用户可以在收件箱中选择多个复选框，单击“删除”按钮，然后删除选定的邮件。效果很好:

html:

<input type="submit" id="DeleteButton" value="Delete" />

脚本:

 $('#DeleteButton').click (function() {
 var selected = new Array();
 $("input:checkbox[name=message]:checked").each(function() {
 selected.push($(this).val());
 });
 var selectedString = selected.join(",");
        <cfoutput>$.post("SecComm.cfc?method=deleteMessages&recipientID=#session.ID#", {selected: selected },</cfoutput>
        function(html) {
                        loadMessages();
        });  
    });

我遇到的问题是我允许用户将邮件移动到他们可能设置的任何文件夹。我正在使用类似的脚本，但无法使其与 href 一起使用:

<div class="moveMessages"> 
        <a href="" class="move"  id="7">My new folder</a>
</div>

脚本:

$('.move').click(function(){ 
 var folderID = $(this).attr('id');                                
 var selected = new Array();
 $("input:checkbox[name=message]:checked").each(function() {
  selected.push($(this).val());
 });
        $.post(
            "SecComm.cfc?method=moveMessage&recipientID=#session.ID#", 
            {messageID: selected },
            {folderID: folderID },
            function() {
                loadMessages();
            });         
    });

我确信我遗漏了一些明显的东西。非常感谢你的帮助。

Answer 1

href 的默认功能可能与您正在执行的操作相冲突。确保您传入事件对象，然后使用 PreventDefault 来阻止浏览器执行 href 的默认功能。

$('.move').click(function(event){
    event.preventDefault();