打開相關鏈接

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>