1

我正在尝试创建一个工具提示效果，我正在创建一个新的 DIV，用另一个页面的内容填充它，然后在该图像被鼠标悬停时将其显示在图像下方。这是用于创建 div、用内容和鼠标悬停填充它的代码。

$(document).ready(function() {
    $('<div id="DETAILS"> </div>').appendTo("body");
    $('#DETAILS').load('Test.html #CREATEYOUROWN');
    $("#DETAILS").hide();
    $('#PUZZLE').mouseover(function() {
        $("#DETAILS").show();
    });
    $('#PUZZLE').mouseleave(function() {
        $("#DETAILS").hide();
    });
});​

这行得通。但是，我需要将其放入 CMS 中，其中大约有 20 个设置为项目并由内容编辑器添加到页面中，在他们构建页面时从列表中直接选择。这些项目有能力将 javascript 归因于它们，但是当它们被添加到页面时，它们没有自己的 id。唯一保持不变的是图像源。

有没有办法使用图像源来改变图像的id？

我对 jQuery 还是很陌生，所以如果有办法让这整个事情做得更好，那么我将非常感谢您的建议！

4

2 回答 2

0

听起来你应该使用像 jsRender 这样的 javascript 模板引擎：https ://github.com/BorisMoore/jsrender

这样，您可以构建一个模板并像这样定义您的 ID：

<div id="mydiv_{{>counter}}"></div>

jsRender 演示和示例代码：http ://borismoore.github.com/jsrender/demos/index.html

另外，请记住，还有许多其他引擎，我只是碰巧喜欢 jsRender。

于 2012-09-21T12:16:34.730 回答
0

我不完全理解这个问题，但您可以通过其来源选择一个项目并使用 jQuery 更改它的 id：

$('[src="image"]').attr('id', 'newId');

我不知道这是否会有所帮助，但请尝试一下。

于 2012-09-21T12:24:14.757 回答