このhrefにクラスを追加すると動作しませんか？

Question

私たちのサイトにはuplaod機能があります。アップロードされたファイルは、クリックしたユーザが新しいウィンドウにアップロードしたファイルを見ることができるリンクを表示します。

またdivbox http://jquery.phpbasic.com/divbox

私のコードを使用して、このです：私たちは、リンクをクリックしたとき、それはまだ新しいウィンドウで開き、doesntのをライトボックスを開始するいくつかの理由

$("#uploader" + queueId).html(" 
<div class='cancel'> 
    <input class='button_cancel' name='removeFile' fileName='" 
    +fileObj.name.replace("'", "%27")+"' type='button'> 
    </div> 
    <a class='lightbox' href='" + self.attr("path") 
    + fileObj.name.replace("'", "%27") + "'><span class='fileName'>" 
+fileObj.name+"</span></a>"); 

。私のページで

私はこれは（すべてノーマル）を参照してくださいライトボックスを起動する必要があり

<a class="lightbox" href="uploads/nutshell.png"> 
<span class="fileName">nutshell.png</span> 
</a> 

...何が、私は上記の投稿JSコードであなたに叫びますか？そのself.attr（ "パス"）場合、私はここで

は、我々が持っているものである疑問に思って::::::

jsの中

divboxのために、我々はのためのJSに

$('.lightbox').divbox({caption: false}); 

を持っています私たちが持っているアップローダー。

$("#uploader" + queueId).html("<div class='cancel'><input class='button_cancel' name='removeFile' fileName='"+fileObj.name.replace("'", "%27")+"' type='button'></div><a class='lightbox' href='" + self.attr("path") + fileObj.name.replace("'", "%27") + "'><span class='fileName'>"+fileObj.name+"</span></a>"); 

Answer 1

おそらくあなたはこのような何かをやっている：前

$('a.lightbox').divbox({ ... }) 

をあなたが質問に<a>を追加します。

$("#uploader" + queueId).html("..."); 

$('a.lightbox')のみに存在する要素に適用されますページ$('a.lightbox')が呼び出されたとき、DivBoxをページlatに追加された要素にバインドしませんエル。ムーのオフ構築するにはの短すぎる答えはhttp://jsfiddle.net/ambiguous/EswfB/

Answer 2

、あなたが実現することができます。技術の

$("#uploader" + queueId).html("..."); 
$('#uploader' + queueId).find('a.lightbox').divbox({ /* and whatever options you need */ }); 

ラフデモ：あなたはこのようなものを追加された新しい<a>にDivBoxをバインドする必要がありますそうですね：

$("#uploader" + queueId).html(" 
<div class='cancel'> 
    <input class='button_cancel' name='removeFile' fileName='"+fileObj.name.replace("'", "%27")+"' type='button'> 
</div> 
<a class='lightbox' href='" + self.attr("path") 
    + fileObj.name.replace("'", "%27") + "'><span class='fileName'>" 
    +fileObj.name+"</span></a>") 
    .find('a.lightbox') 
    .divbox({ /* and whatever options you need */ }); 

コマンドを1つにまとめるだけです。