Скрипт JQuery не работает в ASP.NET MVC

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>

Почему это не работает?Заранее спасибо.РЕДАКТИРОВАТЬ: Он работает в этом коде, который я создал: 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>