Javascript jquery mobile之后的文本框样式
我在使用webview中实现的jquery创建文本框时遇到问题。这是密码Javascript jquery mobile之后的文本框样式,javascript,jquery,html,Javascript,Jquery,Html,我在使用webview中实现的jquery创建文本框时遇到问题。这是密码 <html> <head> <title>jQuery Mobile List Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jque
<html>
<head>
<title>jQuery Mobile List Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
<script type="text/javascript">
var counter = 1;
$('#AddQuestion').live('pagecreate', function() {
$('#button').click(function() {
$('#TextBoxesGroup').append("<input type ='text' id='option" + counter + "' placeholder='option" + counter + "'>");
$('#TextBoxesGroup').textinput();
if (counter > 4) {
document.getElementById("button").style.display = 'none';
}
counter++;
});
});
</script>
</head>
<body>
<div data-role="page" id="AddQuestion">
<div data-role="header" data-position="fixed">
<h1>AddQuestion</h1>
</div>
<div data-role="content">
<form name="newdocument">
<div data-role="listview" id="TextBoxesGroup"></div>
<input type="button" value="Add Option" id="button">
</form>
</div>
</div>
</body>
</html>
jQuery移动列表演示
var计数器=1；
$（'#AddQuestion'）.live（'pagecreate'，function（））{
$（“#按钮”）。单击（函数（）{
$（'#TextBoxesGroup'）。追加（“”）；
$（'#TextBoxesGroup'）.textinput（）；
如果（计数器>4）{
document.getElementById（“按钮”）.style.display='none'；
}
计数器++；
});
});
补充问题
我在JSFIDLE中尝试过这段代码，当我按下add选项按钮时，它会显示unstyle文本框。问题是什么？您需要在页面上触发create，让jQuery mobile应用样式设置所需的附加标记和类
<script type="text/javascript">
var counter = 1;
$('#AddQuestion').live('pagecreate', function() {
$('#button').click(function() {
$('#TextBoxesGroup').append("<input type ='text' id='option" + counter + "' placeholder='option" + counter + "'>");
$('#TextBoxesGroup').textinput();
if (counter > 4) {
document.getElementById("button").style.display = 'none';
}
$('#AddQuestion').trigger('create');
counter++;
});
});
</script>
var计数器=1；
$（'#AddQuestion'）.live（'pagecreate'，function（））{
$（“#按钮”）。单击（函数（）{
$（'#TextBoxesGroup'）。追加（“”）；
$（'#TextBoxesGroup'）.textinput（）；
如果（计数器>4）{
document.getElementById（“按钮”）.style.display='none'；
}
$（'#AddQuestion'）。触发器（'create'）；
计数器++；
});
});
<script type="text/javascript">
var counter = 1;
$('#AddQuestion').live('pagecreate', function() {
$('#button').click(function() {
$('#TextBoxesGroup').append("<input type ='text' id='option" + counter + "' placeholder='option" + counter + "'>");
$('#TextBoxesGroup').textinput();
if (counter > 4) {
document.getElementById("button").style.display = 'none';
}
$('#AddQuestion').trigger('create');
counter++;
});
});
</script>
var计数器=1；
$（'#AddQuestion'）.live（'pagecreate'，function（））{
$（“#按钮”）。单击（函数（）{
$（'#TextBoxesGroup'）。追加（“”）；
$（'#TextBoxesGroup'）.textinput（）；
如果（计数器>4）{
document.getElementById（“按钮”）.style.display='none'；
}
$（'#AddQuestion'）。触发器（'create'）；
计数器++；
});
});