打开相关链接

Question

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

理想行为

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

应该开辟一个形式与内容：
div rel="id_123"></div>

这里看看我的代码进行澄清：http://jsfiddle.net/Q4GGS/6/

谢谢！

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

Answer 1

DIV's没有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>