2011-08-04 140 views
0

我正在爲手機構建一個應用程序,使用jQuery移動框架。我希望能夠製作一個簡單的對話框/彈出式菜單,以便當您單擊「問號」圖片時,彈出/對話框將顯示一條簡單消息。 我已經嘗試了從http://jquerymobile.com/test/docs/pages/dialog-alt.html到其他許多人的不同方法。我不能讓他們不工作。所以如果你知道如何做出簡單的彈出式對話框或簡單的對話框,你可以給我一個例子!JQuery-mobile彈出/對話框?

+0

什麼不行?張貼您的代碼,一切都應該工作,如果你這樣做,這裏描述http://jquerymobile.com/test/docs/pages/#/test/docs/pages/page-dialogs.html – Tsar

+0

好吧,我沒有任何代碼彈出/對話框,因爲我不能讓它工作,所以我只是刪除了所有的東西。我完全按照上面鏈接中所述的方式進行了操作,並且還鏈接了您給我的鏈接,但我也嘗試了很多不同的方法,但我無法使其工作。 –

回答

3

如果你想打開jQuery Mobile的對話框,你必須使用一個屬性data-rel="dialog"並在href必須指向一個網址,你的對話的生命:

<a href="http://jquerymobile.com/test/docs/pages/dialog-alt.html" data-role="button" data-rel="dialog">Open dialog</a> 

這裏有一個fiddle所以你可以看到它是如何作品。
希望它有幫助。

UPDATE:

似乎有與jQuery Mobile的對話和一些設備的一個問題。 在GitHub存儲庫中打開issue
我發現這個plugin這似乎工作得很好。

+0

如果你在智能手機上測試,我會工作嗎? –

+0

@Saeed Najafi:我用一個mozilla插件測試了它,它工作正常,但是 - 你說得對 - 與iBBDemo2不兼容。似乎有一個問題打開:https://github.com/jquery/jquery-mobile/issues/2190 – LeftyX

+0

@Saeed Najafi:我已經更新了我的答案。我找到了一個很酷的插件,它似乎可以工作並使用jQuery-Dialog方式。 – LeftyX