我在我的应用程序中使用 jQuery Mobile。我想根据选择值显示一些表单字段。这是我的 jQuery 代码
$( document ).bind( "pageinit", function( event, data ) {
$("#marrystatus").css("display","none");
$("#marital_status").click(function(){
if ($('#marital_status option:selected').val() == "Married" ) {
$("#marrystatus").slideDown("fast"); //Slide Down Effect
} else {
$("#marrystatus").slideUp("fast"); //Slide Up Effect
}
});
});
这是我的 HTML 代码
<li id="marrystatus" data-role="fieldcontain" >
<label for="marriedto"></label>
<input type="text" name="marriedto" id="marriedto"
placeholder="Married To" />
<label for="marryanidate"></label>
<input type="text" name="marryanidate" id="marryanidate"
placeholder="Marrige Anniversary Date (DD/MM/YYYY)" />
</li>
该代码在 Windows 7 上的 Google Chrome 等普通浏览器中运行良好,但在我的 Android 上,它不起作用。他们有什么解决办法吗?