Jquery选项卡在表单提交和页面刷新时丢失CSS

Question

我遇到了问题，无法在网络上找到解决方案，到目前为止，我自己的实验也没有用。我正在使用Jquery水平标签，问题是在html表单上提交表单提交并弹出警告框...当警报框已启动且单击之前确定jquery标签丢失了所有CSS ...一次单击警告框确定页面刷新，然后水平选项卡正常。如何在表单提交期间以及显示警告框时保持jquery CSS稳定？

以下是水平标签代码：

<!-- J Query Files Follows -->

<link rel="stylesheet" href="../jquery-ui-1.11.4.custom/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>

<!-- End Of J Query -->

以下是显示标签的HTML：

<div id="tabs">
<ul>
<li><a href="#tabs-1">Info</a></li>
<li><a href="#tabs-2">Private Profile</a></li>
<li><a href="#tabs-3">Public Profile</a></li>
<li><a href="#tabs-4">Update Personal Info</a></li>
<li><a href="#tabs-5">Update Business Info</a></li>
<li><a href="#tabs-6">Advertise</a></li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
<div id="tabs-4"></div>
<div id="tabs-5"></div>
<div id="tabs-6"></div></div>

以下是警报和刷新的代码：

// If the database insert fails let's print a query failed warning
if (mysqli_affected_rows($conn) == 0) {

echo 'Profile Update Failed';
}

// If the database insert succeeded we can alert the user and refresh the page
else {

echo "<script>alert('Business Profile Update Successful!');</script>";
echo "<script>window.location=window.location</script>";    

}

以下是显示警告框但尚未单击确定时水平制表符的外观：

以下是表单提交/警告框之前水平制表符的样子：