2

我正在尝试学习一点 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);
4

6 回答 6

3

你只需要这个位：

$(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>

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

于 2013-09-26T13:43:21.647 回答
0

采用

<button id="close_x" onclick="toggleWidget();">

和

function toggleWidget() {
    $("#widget").slideToggle("slow");
}
于 2013-09-26T13:43:49.910 回答
0

您可以删除该$(document).ready()行。也就是说，从您的函数中删除第 2 行和第 6 行。这意味着您想在页面加载时执行某些操作，这不会在调用此函数的同时发生。

于 2013-09-26T13:44:30.107 回答
0

您只需要以下代码：

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

onclick="myFunction($)"不再需要了。

于 2013-09-26T13:44:41.433 回答
0

不需要在 onclick 中调用函数，所以你的结果 html 应该是这样的。

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

你的脚本应该是

 $(document).ready(function() {
          $("#close_x").click(function () {
              $("#widget").slideToggle("slow");
          });
      });
于 2013-09-26T13:44:51.217 回答
0

你可以试试这个函数来隐藏和显示 div 标签：

$(文档).ready(函数(){

    $(".productDescription").hide();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".productDescription").slideToggle();
return false;
});

});

喜欢 HtmL 代码：

<a href="#" class="show_hide">See Full Description</a>
<div class="productDescription">
  <p>This very large bath bomb will fizz up to two minutes, how good is that. Drizzled   with soap it looks so authentic. This cake slice has a scent of Tropical Fruit including   Pineapple, Mango & Grapefruit and you'll be surrounded by gorgeous flowers and glitter.   <a  href="#" class="show_hide">Hide</a></p></div>
于 2013-09-26T13:51:00.877 回答