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

由于某种原因，您的视图无法查看.js文件。

试试这个：

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

Answer 2

使用这个可能解决：

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");
});

}

在ASP MVC中使用带有Razor的jQuery

2 个答案: