Jquery ui tabs doesn't display properly while the page is loading slow.

Jquery ui tabs doesn't display properly while the page is loading slow.

I am using a couple of libraries as below:
<link type="text/css" rel="stylesheet" href=" https://.../static/jquery-ui-1.8.23.custom.css">
<link href=" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">
<script type="text/javascript" src=" https://.../static/jquery-1.10.2.min.js"></script>

I just upgrade jquery from 1.5.2 to 1.10.2 this time, but the tabs are not working well. The issue is, when submitting the search button on a page, the page will jump to a second page which is the result page immediately with the tabs displayed as a list, and the result page only displays some parts and will display properly including tabs until the searching is done.

This issue occurs once iIuse the new jquery version and imports the bootstrap css above. the expected behavior should be, after submitting the search button, the page will stay in the current page and the browser will be running until the searching is done, the page will jump to the result page.

The logic should be fine, cause it works well locally, but failed when I deployed to the prod environment. Please help if any of you have a clue. Thank you very much!