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>

打开相关链接

1 个答案: