Question

我正在尝试学习jQuery的基础知识，并且在我的一个网站上测试我一直想要添加功能，以便onClick它将改变内部文本和超链接的href，我的问题是，当我点击我的onClick事件时，发生了变化，但onClick按钮和我尝试更改的href消失了，但我的.html功能有效吗？

用于onClick的

HTML -

<div class="container" style="margin-top: -20px;">
    <div class="gamesdesc">
         <h4 id="gquote" style="padding: 5px 5px 5px 5px;">test<br><br>
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" onClick="$('#my_div').cod4();" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" onClick="$('#my_div').csgo();" data-slide-to="1" class="active"></li>
        <li data-target="#myCarousel" onClick="$('#my_div').tf2();" data-slide-to="2" class="active"></li>
    </ol>
    <a id="glinks" href=""><btn class="btn btn-warning">Test</btn></a></h4>

jQuery -

(function ($) {
    $.fn.cod4 = function () {
        $("#gquote").html("Test");
        $("glinks").attr("href", "cod4");
    };
})(jQuery);

(function ($) {
    $.fn.tf2 = function () {
        $("#gquote").html("Test");
        $("glinks").attr("href", "csgo");
    };
})(jQuery);

(function ($) {
    $.fn.csgo = function () {
        $("#gquote").html("Test");
        $("glinks").attr("href", "tf2");
    };
})(jQuery);

Answer 1

这会使元素消失，因为您正在更改包含所有按钮的gquote的{{1}}的html。意味着h4内的所有内容都会消失，现在它包含文本gquote。使用Test代替.append()或更改其他元素的html。

您错过了html()

上的#

jQuery - onClick事件制作元素消失了吗？

1 个答案: