我正在尝试为页面上的图像实现一个简单的滚动工具提示,当您滚动图像时,您会看到一个小工具提示窗口,并通过 AJAX 从数据库加载内容。
我可以快速将其组合在一起,但我想要一种优雅的方式来完成此操作,而无需使用任何内联 JS。
所以我的问题是:如果我在外部 .js 文件中捕获翻转事件,我该如何将数据库 ID 传递给它?
我正在使用 jQuery,所以我会这样做:
$('.item_roll').mouseover(function() {
//show tooltip and load ajax content
}
我的 HTML 应该是这样的:
<img src="thumb.png" class="item_roll" />
在不从 img 标签调用函数的情况下,如何在数据库 ID 上方发送 JS 调用?我希望这是有道理的。
谢谢。
最佳答案
我建议在图像标签中同时包含类和 ID:
<img src="thumb.png" id="id_28436379" class="item_roll" />
然后在您的 jQuery 事件中,您可以像这样访问它:
$(".item_roll").mouseover(function(event){
alert( event.target.id.split("_")[1] ); // displays 28436379
});
这应该让您通过将其设为图像标签的 ID 来访问数据库 ID。
编辑:在阅读了一些有用的评论后,我更改了我的答案,使 id 不以整数开头,因为这是非标准的,可能不适用于所有浏览器。如您所见,split/[] 代码从 id 字符串中提取了 id 号。
关于javascript - jQuery 工具提示 + ajax 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/594897/