打开相关链接

Opening related links

本文关键字：链接      更新时间：2023-09-26

我正在使用colorbox插件为我的web应用程序创建模态窗口。我在打开与<a>相关的<div>时遇到了一点麻烦。

理想行为

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

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

查看我的代码:http://jsfiddle.net/Q4GGS/6/

谢谢!

EDIT:这是我到目前为止所尝试的。当一个链接被点击，点击事件将创建一个模式与所有的清单，而不是相关的。http://jsfiddle.net/Q4GGS/7/

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>
相关文章：