Question

我有一个附有关闭按钮的css图像。我想点击关闭按钮，整个范围用jquery淡出。这基本上是我的html：

<span class="topic_new_button">
  <a href="" class="closebutton"></a>
  <a href="" class="imglink""></a>
</span>

我试过了：

$(".closebutton").on("click", function(event) {
    var $row = $(this);
    $row.animate({ opacity: 0.05}, function() {
        $row.find(".imglink").fadeIn();
    });
});

但这不起作用，有人能指出我的方式错误吗？

Answer 1

要淡出整个span，请在点击的元素的父级上调用fadeOut（）

$(".closebutton").on("click", function (event) {
    $(this).parent().fadeOut();
    event.preventDefault();
});

Answer 2

如果这个和上面的例子不起作用，你的jQuery可能已经过时了。

$(document).ready(function() {
  $('.closebutton').click(function() { 
    $('span').fadeOut();
  });
});

另外，您的HTML代码中存在错误（额外引号），当您没有引用的链接时，它会返回错误，使用其他内容作为按钮。

以下是使用<button>标记的JSFiddle example。

Answer 3

您使用fadeIn首先使用fadeOut代替使用hide或<span class="topic_new_button">

如果您不再使用$(".closebutton").on("click", function (event) { $("#topic_new_button").fadeOut(); });，则下面将进行锻炼

$(".closebutton").on("click", function (event) {
    $("#topic_new_button").hide();
});

OR

{{1}}

Jquery onclick关闭按钮，隐藏整个范围，包括关闭按钮

3 个答案: