Question

我有两个包含PHP代码的jQueryMobile页面。在页面A上，我有一个显示MySQL数据库内容的SELECT。页面B提供了向数据库添加数据的可能性。现在，当从页面A导航到B（通过changePage）并使用“返回”按钮返回到页面A时，SELECT的内容（当然）不会刷新。

在jQueryMobile中执行此操作的正确方法是什么？这里重要的是需要执行页面的PHP部分，然后需要更新SELECT。

非常感谢！

Answer 1

你要运行php的第一页需要

$(document).on("pagebeforeshow", "#yourpageid", function() {

）};

这只适用于你的php select是由jquery调用创建的。在我的情况下，我发现从长远来看，使用php结果创建jquery元素会更容易。

在我的情况下，我有这个。

  <div data-role="fieldcontain">
                        <script type="text/javascript">
                            $(document).on("pagebeforeshow", "#index4", function() {
                                $(function(){
                                    var items="";
                                    $.getJSON("ajaxResponder.php?method=getContacts",function(data){
                                    $.each(data,function(index,item) 
                                    {
                                    items+="<option value='"+item.email+"'>"+item.username+"</option>";
                                     });
                                    $("#contacts").html(items); 
                                    $("#contacts").trigger("change");
                                    });
                                });
                            });  
                        </script>
                        <select name="contacts[]" id="contacts" multiple="multiple" data-native-menu="false">
                        </select>
                    </div>

没有任何代码示例以及您如何编写代码，这是我最好的答案。

导航后用php内容刷新jQueryMobile页面

1 个答案: