2013-03-21 110 views
0

我有一個JQuery桌面就像我一直在研究的應用程序。點擊導航鏈接時,會打開一個新的對話框。這一部分都很好。我遇到的問題是在我的工具欄中爲每個對話框創建圖標。結構應該是這樣的:用JQuery動態創建按鈕問題

<Div id="minimize-footer> 
<div id="category1> 
<a href>Dialog Title </> 
<a href>Dialog Title </> 
</div> 

<div id="category2> 
<a href>Dialog Title </> 
<a href>Dialog Title </> 
</div> 

等。代碼應檢查類別div是否存在,如果不存在,則創建它並添加鏈接。如果存在,我需要將它添加到已有的類別div中。我不知道爲什麼我使用的代碼無法正常工作。我有一個小提琴創作,我一直在搞,並會喜歡我想要做的一個小方向。

感謝,

Fiddle

我已經修改了它,正在創建的按鈕,但它不會增加同一類別的div,它只是增加每次一個新的。而不是將類別添加到div id,它只是說對象。這是它在做什麼,我已經更新小提琴鏈接:

<div id="minimize-footer" class="dialog-700 ui-corner-all ui-button" title="Click to restore dialog"> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
<div id="[object" object]=""> 
<a>Title Dialog</a> 
</div> 
</div> 
+0

運行您的小提琴與控制檯打開,我得到:'未捕獲的ReferenceError:uiDialog未定義' – 2013-03-22 00:02:11

+0

感謝您注意到。我已經修復了這個部分。這就是我得到的代碼,並沒有付出過多的關注。該網站的代碼非常龐大,並且按照預期的方式工作。所有變量都正確傳入,等等,我只是在創建工具欄類型的一部分時遇到問題。 – user1615351 2013-03-22 00:11:10

+0

在小提琴(10)的當前版本中,$(「#drug」)不匹配任何內容,並且if語句條件始終爲假。你如何期待用這個小提琴測試代碼?只有一個按鈕,無法告訴它將哪個類別添加到鏈接。 – tcovo 2013-03-22 00:58:46

回答

1

看看這個我已編輯的小提琴。 http://jsfiddle.net/VDrw7/

在你的jsFiddle你有。

Category = $("drug"); 

這應該是

Category = $("#drug"); 

,因爲你正在尋找藥物的ID的元素。

+0

感謝亞歷克斯,而不是創建類別股利,並將鏈接追加到他們。它將屬性附加到工具欄本身。 – user1615351 2013-03-22 00:19:40

+0

我更新了小提琴代碼http://jsfiddle.net/jahmekyat/CGV9N/5/ – user1615351 2013-03-22 00:22:07

+0

我已經修改它,所以按鈕正在創建,但它不會添加到相同的類別div,它只是每次添加一個新的。而不是將類別添加到div id,它只是說對象。這就是它在做什麼,我已經更新了小提琴鏈接: – user1615351 2013-03-22 00:39:08