Javascript jQuery工具提示+；ajax内容

我尝试在页面上实现一个简单的图像滚动工具提示，当您滚动图像时，您会得到一个小的工具提示窗口，并通过AJAX从数据库加载内容

我可以很快将其整合在一起，但我想要一种优雅的方式来完成这项工作，而不需要使用任何内联JS

所以我的问题是：如果我在我的external.js文件中捕获了rollover事件，我如何将数据库ID传递给它

我正在使用jQuery，所以我会这样做：

$('.item_roll').mouseover(function() {
  //show tooltip and load ajax content
}

<img src="thumb.png" class="item_roll" />

我的HTML应该是这样的：

$('.item_roll').mouseover(function() {
  //show tooltip and load ajax content
}

<img src="thumb.png" class="item_roll" />

如果不从img标记调用函数，如何在数据库id上方发送JS调用？我希望这是有道理的

---

谢谢。

我建议在图像标签中同时包含类和id：

<img src="thumb.png" id="id_28436379" class="item_roll" />

这应该允许您通过将数据库id设置为图像标记的id来访问它

---

编辑：在阅读了一些有用的评论之后，我修改了我的答案，这样id就不会以整数开头，因为这是非标准的，可能不适用于所有浏览器。如您所见，split/[]代码从id字符串中提取id号。

perfect！为什么我没想到呢？：）谢谢，很有趣；实际上我在Firefox中测试了这个，它是有效的，但是如果你说它是无效的，那么也许这只是Firefox试图做正确的事情，即使我使用了无效的id。嗯，在Safari中也适用于我。但您可以添加如下内容：id=“myid-1234”，然后在查询数据库之前将其删除。至于有效的id，请参阅，我建议使用“|”（管道），而不是句号或冒号作为分隔符。