Question

我想要一个按钮来处理某个JQuery函数，但是它什么也没做。

.cshtml文件中的脚本：

<script src="~/lib/jquery/dist/jquery.min.js">
    jQuery(function ($) {
        $('#swapHeart').on('click', function () {
            var $el = $(this),
                textNode = this.lastChild;
            $el.find('span').toggleClass('glyphicon-heart glyphicon-heart-empty');
            $el.toggleClass('swap');
        });
    });
</script>

和.cshtml文件中的按钮：

<button id="swapHeart" class="btn btn-default swap">
    <span class="glyphicon glyphicon-heart-empty"></span>
</button>

为什么这不起作用？提前致谢。编辑：它确实在我创建的这个Codepen中起作用：https://codepen.io/floorvrmt/pen/qQPEKQ

Answer 1

您的代码使用用于加载jQuery源的相同脚本标签。检查下面的代码，我在其中加载了源代码和脚本

<script src="~/lib/jquery/dist/jquery.min.js">
</script>
<script>
    jQuery(function ($) {
        $('#swapHeart').on('click', function () {
            var $el = $(this),
                textNode = this.lastChild;
            $el.find('span').toggleClass('glyphicon-heart glyphicon-heart-empty');
            $el.toggleClass('swap');
        });
    });
</script>

jQuery脚本在ASP.NET MVC中不起作用

1 个答案: