javascript - 打开相关链接

Question

我正在使用 colorbox 插件为我的网络应用程序创建模式窗口。我在打开 <div> 时遇到了一些问题与 <a> 相关.

理想行为

点击:
<a rel="id_123"></a>

应打开一个表单，其中内容为:
div rel="id_123"></div>

请在此处查看我的代码以进行说明:http://jsfiddle.net/Q4GGS/6/

谢谢!

编辑:这是我到目前为止所尝试过的。单击链接时，单击事件将创建一个包含所有列表而不是相关列表的模式。 http://jsfiddle.net/Q4GGS/7/

Answer 1

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>