Php 根据jquery mobile和jquery库在中的位置，出现意外结果

我已经为这个问题工作了好几天，寻找解决方案，但我无法独自解决；我希望能得到一些帮助。这似乎是库之间的兼容性问题

我正在准备一份登录表，它在页面的一个部分。主页、我们是谁和联系人方面的其他部分在页面中。下一个是表单的代码：

<form name="user_login_form" id="user_login_form_id" action="functions/sessionlogin.php" method="POST">
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><p><label for="user_login">User:</label></p></div>
        <div class="ui-block-b"><input type="text" placeholder="type here user email" name="user_login" id="index_user_login_id" data-clear-btn="true" data-mini="true" maxlength="20" size="20" width="20" /></div>
    </fieldset>
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><p><label for="user_login_password">Password:</label></p></div>
        <div class="ui-block-b"><input type="password" placeholder="type here user password" name="user_login_password" id="index_user_login_password_id" data-clear-btn="true" data-mini="true" maxlength="20" size="20" /></div>
    </fieldset>
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><input id="user_login_btn_id" type="submit" value="Login" /></div>
        <div class="ui-block-b"><input id="reset_form_btn_id" type="reset" value="Cancel" /></div>
    </fieldset>                 
</form> 

当按下登录按钮时，它将移动到身份验证功能，如果验证成功，则移动到内部页面，如果验证失败，则返回。函数工作正常。我遇到的问题更多的是由于页面的时尚性

事实上，当在我的页面中键入信息时，如下所示：

<link rel="stylesheet" type="text/css" href="lib/jquery-ui-1.11.2/jquery-ui.css" />
<script type="text/javascript" src="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.11.2/jquery-ui.min.js">  </script>
<script type="text/javascript" src="scripts/script_index.js"></script>
<style>
   .ui-grid-a .ui-block-a { width: 50%; }
   .ui-grid-a .ui-block-b { width: 50%; }
</style>

结果是页面执行其工作、验证并移动到内部页面，但样式不好。某些功能丢失。页面中未激活节，手风琴内的div显示有边框线

另一方面，更改以下各项的位置：

 <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>

代码结果为：

<link rel="stylesheet" type="text/css" href="lib/jquery-ui-1.11.2/jquery-ui.css" />
<script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="lib/jquery-ui-1.11.2/jquery-ui.min.js">  </script>
<script type="text/javascript" src="scripts/script_index.js"></script>
<style>
   .ui-grid-a .ui-block-a { width: 50%; }
   .ui-grid-a .ui-block-b { width: 50%; }
</style>

结果是，这种风格正是我所期待和希望的。元素显示正确，没有意外行为，但不会执行对php函数的调用。URL会更改为php函数，但会在此处停止

提前感谢您的帮助

---

David

尝试将所有和元素放在元素之前。关于这些元素的顺序，浏览器中存在已知的bug。谢谢你的提示。我试过那样做，但不起作用。很奇怪。