我正在使用 Razor 开发一个 ASP.NET MVC3 项目。我正在尝试实现一个简单的图片库。我的图像在跨度标签内,当单击图像时,我只想为单击的图像切换跨度标签的类。
这是我的代码:
<span class="document-image-frame">
@if (image != null) {
<img src="file:\\105.3.2.2\upload\@image.Name" alt="docImg" />
}
</span>
我尝试使用此脚本进行切换:
$('.document-image-frame img').click(function () {
$(this).toggleClass();
})
它不工作。我猜在这种情况下$(this)
是图像本身而不是跨度标签,但是如果我尝试$('.document-image-frame').toggleClass();
仅切换单击图像的跨度样式时,我会松开所有跨度标签的样式。
这是生成的 HTML:
<span class="document-image-frame">>
<img src="file:\\105.3.2.2\upload\\10007\Desert.jpg" alt="docImg" />
</span>