切换为第一个和最后一个切换调用工作

Question

我正在尝试设置一系列切换事件。出于某种原因，只有PreAuth的第一个切换和退款的最后一个切换工作，因为它切换正常，它扩展/收缩我的选项div。

但是在中间3，虽然看似几乎相同类型的电话没有。对于中间的3，当我点击触发onclick的超链接时，它似乎尝试或至少非常快地执行（扩展然后再次缩回）。如果我点击超链接（超链接是“选项”DOM元素

），它不像第一个和最后一个那样保持扩展

以下是点击之前的超链接

我点击例如PreAuth，它按预期扩展：

当我点击Void，Delay Capture或Capture超链接时，我看到一个非常快速的退缩，好像它试图做某事。我认为它正在做的是快速扩张和崩溃......不会保持开放。

以下是代码：

$(function ()
{
    setEvents();

    hljs.initHighlightingOnLoad();



    function setEvents()
    {
        $('#pOption').click(function(){
                                                        toggleElementWithEffect('pContent', 'slow');
                                                        if ($("#txt_Pre_MReference")) { $("#txt_Pre_Reference").val(new Date().getTime()); }
                                                        return false;
                                                     });

        $('#cOption').click(function(){ toggleElementWithEffect('cContent', 'slow')});
        $('#dCaptureOption').click(function(){ toggleElementWithEffect('dCaptureContent', 'slow')});
        $('#vOption').click(function(){ toggleElementWithEffect('vContent', 'slow')});
        $('#rOption').click(function(){
                                                toggleElementWithEffect('rContent', 'slow');
                                                if ($("#txt_Refund_MReference")) { $("#txt_R_Reference").val(new Date().getTime()); }
                                                return false;
                                            });
    }

}）;

Answer 1

你可能在其他人身上错过了这个：

return false;

因为它们是链接。

修改

但是，正如评论中所提到的，应该使用它：

event.preventDefault();

Answer 2

正如他所说你错过了分号';'和return false

http://jsfiddle.net/zRJ63/10/