-1

在页面加载时，我想隐藏元素#buttonSaveArea，显示元素#buttonSaveShower。单击 后#buttonSaveShower，它应该隐藏并且#buttonSaveArea应该出现。

问题是，$(document).ready被一次又一次地调用。如何绕过它？此外，当 JavaScript 被禁用时，我希望#buttonSaveArea从一开始就可见。

$(document).ready(function(){
  $("#buttonSaveArea").hide();

  $("#buttonSaveShower").click(function(){
    $("#buttonSaveArea").fadeIn();
    $("#buttonSaveShower").hide();
  });
});


<!------ The element that should show the button below ---------------->
<div class="button" id="buttonSaveShower" style="clear:both; margin-top:15px;">
    <a href="" style="width:50px !important;"> edytuj </a>
</div>

<!------ Button: save ---------------->
<div class="fbCenter" id="buttonSaveArea">
    <input type="submit" value="Zapisz" class="formButton"
       onmouseover="this.className+=' pressed'"
       onmouseout="this.className=this.className.replace(' pressed', '')"
    />
</div>
4

2 回答 2

3

您应该使用停止锚标记重新加载页面event.preventDefault()

$(document).ready(function(){
  $("#buttonSaveArea").hide();

  $("#buttonSaveShower").click(function(event){
    event.preventDefault();
    $("#buttonSaveArea").fadeIn();
    $("#buttonSaveShower").hide();
  });
});

此外，如果您想以#buttonSaveArea隐藏状态加载页面。您应该默认使用 css 隐藏它

#buttonSaveArea{
   display: none;
}
于 2013-04-28T06:28:38.707 回答
0

替换<a href="">为<a href="#">帮助。谢谢大家的建议。

于 2013-04-28T06:40:14.043 回答