0

私はjQueryの基本を学ぼうとしています.onClickがハイパーリンクの内部テキストとhrefを変更するように機能を追加したいと思っていた私のサイトの1つでテストするために、私の問題は、私の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);
4

1 に答える 1

1

すべてのボタンを含むhtmlを変更しているため、これにより要素が消えgquoteます。h4つまり、内部のすべてがgquote消え、テキストが含まれるようになりましたTest。.append()代わりに使用するかhtml()、別の要素の html を変更してください。

参考までに、あなたはでを忘れまし#た$("glinks")

于 2013-09-01T12:27:54.987 に答える