javascript PreventDefault 不起作用

Question

在我的新订单 View 中，我有:

<a id="showhidetrigger1" class='btn btn-primary' 
            onclick="clicked('showhidetarget1');"><%= current_user.titles[0] %></a>

<a id="showhidetrigger2" class='btn btn-primary'
            onclick="clicked('showhidetarget2');"><%= current_user.titles[2] %></a>

<a id="showhidetrigger3" class='btn btn-primary'
            onclick="clicked('showhidetarget3');"><%= current_user.titles[1] %></a>

<div id="showhidetarget1" class='center'>
    <p><%= render :partial => "productstype", 
                  :locals => {:selectedproduct => @current.bottles, :title => @current.titles[0] } %>
    </p> 
</div>

<div id="showhidetarget2" class='center'>
    <p><%= render :partial => "productstype", 
                  :locals => {:selectedproduct => @current.pourings, :title => @current.titles[2] } %>
    </p>
</div>

<div id="showhidetarget3" class='center'>
    <p><%= render :partial => "productstype", 
                  :locals => {:selectedproduct => @current.cocktails, :title => @current.titles[1] } %>
    </p>
</div>

在 order.js 中我有:

$(document).ready(function () {


    hideall = function() {
        $('#showhidetarget1').hide();
        $('#showhidetarget2').hide();
        $('#showhidetarget3').hide();
    };

    hideall();

    window.clicked = function(item) {

        hideall();
        event = event || window.event;
        event.preventDefault();
        event.stopPropagation();
        $('#' + item).toggle(400);
        return false;
    };    

});

隐藏/显示工作正常，但单击按钮时我无法避免在顶部滚动。我已经尝试了几种解决方案(like these和堆栈上的其他解决方案)，但没有一个有效。

编辑:按照建议使用 jquery 解决... this谢谢大家!!!所以我的jquery函数是:

jQuery(function(){
        jQuery('.targetDiv').hide();
        jQuery('.showSingle').click(function(){
              jQuery('.targetDiv').hide();
              jQuery('#div'+$(this).attr('target')).show();
        });
});

Answer 1

你需要更多类似这样的东西:

$(window).on('click', function(evt) {
  evt.preventDefault();
  // Do whatever logic here
});

如果您使用纯 Javascript，那么您将需要这样的东西:

window.addEventListener('click', function(evt) {
  evt.preventDefault();
  // Do something else
});