【发布时间】：2013-11-12 23:10:58
【问题描述】：
我正在使用 jQuery Mobile（连同 jQuery）来创建一个移动网站。这不是使用 jQuery Windows Phone UI。
我创建了两个选择框，“bpSelect”和“msSelect”。 msSelect 的数据基于 bpSelect 中的选择。
一旦用户在 bpSelect 中做出选择，就会对后端数据库进行 ajax 调用，然后将数据以 JSON 格式传回页面。创建 msSelect 的选项并调用“刷新”来显示它。
在任何桌面网络浏览器以及 iPhone 或 Android 设备上都能正常工作。 在我的 WIndows Phone (Lumia 920) 上，永远不会创建 msSelect 框。
当我进行选择时，Windows Phone 似乎没有在页面上调用 $('#bpSelect').change(function()。 当我在此调用中添加“警报”时，它会在除 Windows Phone 8 浏览器之外的所有设备上触发。
这里有什么想法吗？我尝试了很多方法，例如使用“data-ajax = false”来访问页面，以及使用“document.ready()”而不是“pageinit”，但似乎没有任何效果。 Windows Phone 浏览器似乎忽略了某些 jQuery 代码。
我所有的函数都在页面顶部的 $('#createCarPage').bind('pageinit', function() 内。 这位于 data-role="page" data-theme="a" id="createCarPage" DIV 标记
Windows Phone 似乎忽略了其他几件事，例如 .selectmenu('disable')，但现在我只是想让选择框工作。
我的代码的基础知识如下。任何帮助，将不胜感激。我真的被这个难住了。
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<body>
<div data-role="page" data-theme="a" id="createCarPage" class="rf-background">
<script type="text/javascript">
$('#createCarPage').bind('pageinit', function()
{
$("#exTypeOptions input[type='radio']").checkboxradio('disable');
$('#bpSelect').selectmenu('disable');
$('#msSelect').selectmenu('disable');
$('#bpSelect').on('change', function ()
{
$("#msSelect option").each(function(index, option) {
$(option).remove();
});
var listServlet = "/messages/makeList";
$.ajax({
url: listServlet,
data: { bp:$('#bpSelect').val() },
dataType: "json",
success: function(data)
{
$('#msSelect').append('<option value=>' + 'Select...'+ '</option>');
for (var i=0; i<data.model.length; i++)
{
$('#msSelect').append('<option value="' + data.model[i] + '">' + data.model[i]+ '</option>');
}
$('#msSelect').selectmenu('enable');
$('#msSelect').selectmenu('refresh');
},
error: function(jqXHR, textStatus, errorThrown)
{
}
});
});
});
</script>
【问题讨论】：