javascript - 简单的 Javascript 无法隐藏 div

Question

我正在尝试学习一些 java 脚本，任何帮助将不胜感激，因为我对这个世界还很陌生并且正在学习。我已经尝试在这个网站上下查找，并尝试了其他用户的一些建议，但似乎没有一个能真正回答我的问题。

我有这段代码:

我只是想让它在单击 x 时慢慢隐藏一个 div 框。该按钮出现并可以单击但没有任何反应。有人可以帮助我并告诉我我做错了什么吗？

<div id="daily_deal">
    <button id="close_x" onclick="myFunction($)"><img src="/assets/templates/blacbold_TEST/images/red_x.png" /></button>
    <div id="widget"><iframe src="dailydeal_widget.asp" scrolling="no" frameborder="0"     style="border:none; overflow:hidden; width:155px; height:355px;" allowtransparency="true"></iframe></div>

  function myFunction($) {
      $(document).ready(function() {
          $("#close_x").click(function () {
              $("#widget").slideToggle("slow");
          });
      });
  })(jQuery);

Answer 1

你只需要这个位:

$(document).ready(function() {
      $("#close_x").click(function () {
          $("#widget").slideToggle("slow");
      });
  });

然后您可以从按钮中删除 onclick:

<button id="close_x"><img src="/assets/templates/blacbold_TEST/images/red_x.png" /></button>

它所做的是在您单击按钮时绑定(bind)到文档就绪事件，但由于这已经发生，所以绑定(bind)点击事件的代码永远不会运行。