javascript - jQuery 直接在 onclick="" 和效果 UI 慢

Question

我如何在onclick=""的链接中制作 jQuery

我需要例如这样的东西

<a onclick="jQuery:$('this').hide('slow')" href="#">Close</a>

我知道这与经典 JavaScript 有什么关系，但我需要 jquery 来降低效果

score 2 · Accepted Answer

<a>将事件与标签分开绑定。试试这个：

$(document).ready(function () {
    $("a.close").on("click", function (e) {
        e.preventDefault();
        $(this).hide("slow");
    });
});

使用此 HTML：

<a href="#" class="close">Close</a>

演示：http: //jsfiddle.net/rp3PZ/

如果这些元素是动态添加的，您可以像这样使用事件委托：

$(document).on("click", "a.close", function (e) {
    e.preventDefault();
    $(this).hide("slow");
});

演示：http: //jsfiddle.net/zvTer/

而不是 using document，您可能应该想要使用更接近的静态容器元素。在这种情况下，您也需要$(document).ready像上面那样使用。

根据评论，这个关闭锚似乎嵌套在一个具有“内容框”类的容器中。要在单击锚点时隐藏此容器，您可以使用$(this).closest(".contentbox").hide("slow");. 这是一个例子：http: //jsfiddle.net/rp3PZ/1/

score 0 · Accepted Answer

使用内联事件，执行以下操作：

<a onclick="$(this).hide('slow');return false;" href="#">Close</a>

this你有不应该在那里的单引号。

score 0 · Accepted Answer

0

试试这个;

<a onclick="$(this).hide('slow')" href="#">Close</a>

于 2013-07-15T21:23:55.960 回答

score 0 · Accepted Answer

最好不要在元素中使用内联 javascript。尝试为你的锚元素添加一个钩子，比如类或 id。

文件准备好：

$(function()
{
   $(selector).click(function()
   {
        var $this = $('this');
        $this.hide('slow');
        return false;
   });
});

4 回答 4