Javascript 打开相关链接

Javascript 打开相关链接,javascript,jquery,colorbox,Javascript,Jquery,Colorbox,我正在使用colorbox插件为我的web应用程序创建模式窗口。我在打开与相关的时遇到一点问题 谢谢 编辑:这是我到目前为止尝试过的。单击链接时,单击事件将创建一个包含所有列表而不是相关列表的模式。 DIV没有rel属性。您需要用其他内容(例如类或ID)替换这些内容。示例JS: $('.dialog_link').click(function(e) { e.preventDefault(); $.colorbox ({ href: "#" + this.rel,

我正在使用colorbox插件为我的web应用程序创建模式窗口。我在打开与


相关的
时遇到一点问题

谢谢

编辑:这是我到目前为止尝试过的。单击链接时,单击事件将创建一个包含所有列表而不是相关列表的模式。
DIV没有rel属性。您需要用其他内容(例如类或ID)替换这些内容。示例JS:

$('.dialog_link').click(function(e) {
    e.preventDefault();

    $.colorbox ({
        href: "#" + this.rel,
        width: '50%',
        inline: true
    });
});
HTML示例:

    <div class="ticket_details" id="id_123">
        text
    </div>
    <div class="ticket_details" id="id_124">
        text
    </div>

文本
文本

建议读者查看问题中引用的js fiddle示例,以了解Jack答案的完整内容。