我在 MVC4 项目的~/Views/Shared/_Layout.cshtml
文件(MVC MasterPage)中有以下代码
<span id="clickMeToToggleMe">
<img src="~/Images/1.jpg" />
</span>
我的文件中还~/Scripts/myCustom.js
捆绑了一个 Javascript~/Scripts/jQuery-1.8.3.min
文件~/ViewStart/bundle.config
。“myCustom.js”文件包含多个其他功能,这些功能在我运行应用程序并~/Views/Shared/_Layout.cshtml
在浏览器中呈现视图时正常工作。
问题:即使我已经确认视图和 javascript 正在呈现并正常运行......一个特定的 Javascript/jQuery 函数不起作用:
// bg toggle
$('#clickMeToToggleMe').click(function () { $('body').toggleClass('anotherClass', 1000); });
我知道这很有效,因为我过去曾多次使用过它。这是一个JsFiddle,他们也在其中使用它。由于某种原因,该功能在 中不起作用~/Views/Shared/_Layout.cshtml
,有什么想法吗?
更新 #1 下图显示了 FireFox 中的选择器和元素(包括由于图像高度与行高而导致的强制填充)(使用检查元素 (Q) 选择工具): 我更改了跨度 ID 的名称到“tb”(以及 javascript* 中的选择器)