2012-11-24 58 views
0

下面的代碼工作正常,沒有jQuery Mobile的:如何在Jquery Mobile onclick中添加文本輸入?

$('#addfield').click(function() { 
    $('<input type="text" value="" />').appendTo('form'); 
}); 

但是,如果我開始使用jQuery Mobile的通過頭標記加入這個:

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

它不工作了。 (它可以在桌面瀏覽器,但不是在一個真正的移動瀏覽器(即Android的默認瀏覽器)

你知道jQuery Mobile的等效代碼的上面?

+0

錯誤,你得到什麼,因爲工作http://jsfiddle.net/Hc3Zn/ – Popnoodles

+0

@popnoodles它適用於桌面,但不是在真正的移動瀏覽器(即Android的默認瀏覽器) – IMB

+1

作品在我的Android手機也http://fiddle.jshell.net/Hc3Zn/show/ – Popnoodles

回答

2

你需要告訴jquerymobile給init添加代碼:

$('input').textinput(); 
// or, in your case 
$('<input type="text" value="" />').appendTo('form').textinput(); 
+0

這適用於「美化」表單。我也需要這個。謝謝。 – IMB

+0

順便說一句,如果你有一堆其他的東西要添加,你如何使用'textinput()'?例如'$('

Name: Email:
').appendTo('#items');' – IMB

+0

您可以使用答案中的第一行。你只需要全部選擇它們。 – jaudette

相關問題