Использование jQuery с Razor в ASP MVC

Question

На мой взгляд, у меня есть этот код

<a href="#" class="bt_on" title="ON">ON</a>
<script type="text/javascript">switchOnOff()</script>

И у меня есть этот код jQuery в файле с именем "on-off-button.js"

$(function switchOnOff () {
  $("a.bt_off").click(function () {
    $(this).removeClass().addClass("bt_on");
  });
  $("a.bt_on").click(function () {
      $(this).removeClass().addClass("bt_off");
  });
});

И для связивсе это я помещаю в файл макета

<script src="@Url.Content("~/Scripts/on-off_button.js")" type="text/javascript"></script>

Теперь, когда я загружаю свою страницу, я получаю исключение из Microsoft JScript, в котором говорится, что значением свойства является Null или Not Defined, а не объект Function

Чего мне не хватает?

Спасибо.

Answer 1

используйте это, возможно, решите:

function switchOnOff() {
$("a .bt_off").click(function() {
    $(this).removeClass().addClass("bt_on");
});
$("a .bt_on").click(function() {
    $(this).removeClass().addClass("bt_off");
});

} или

function switchOnOff() {
$('.bt_off').click(function() {
    $(this).removeClass().addClass("bt_on");
});
$('bt_on').click(function() {
    $(this).removeClass().addClass("bt_off");
});

}

Answer 2

По какой-то причине ваш View не может увидеть файл .js.

Попробуйте это:

<script src="../../Scripts/on-off_button.js" type="text/javascript"></script>