JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » AJAX討論區 » Java 與 Ajax  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友    訂閱主題
reply to postflat modego to previous topicgo to next topic
本主題所含的標籤
作者 jquery mobile load問題
hank770721





發文: 3
積分: 0
於 2017-02-22 00:35 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
  小弟想利用jquery的load方法再1.html將2.html的select元件載入,但載入後會發生1.html的input元件出現重疊問題。
  查詢原因為2.html也有使用jquery moblie.js,導致1.html重複執行,但將2.html的jquery moblie.js拿掉,載入2.html的select元件就沒有jquery moblie的樣式;將1.htmll的jquery moblie.js拿掉,雖會正常,但若又要載入另一select元件之頁面依舊還是出現該問題。
  是有想過能否將2.html執行完js再載入,但卻又不知如何執行,又或者有更好的方法可以處理,再麻煩各位大大能幫解答一下,謝謝。

附上code

1.html
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/MyselfWeb/css/jqm-demos.css" rel="stylesheet" type="text/css"/>
<script src="/MyselfWeb/js/jquery.js" type="text/javascript"></script>

<!--jQuery-->
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<!--jQuery Mobil-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div>
<input id="clickButton" type="button" value="button">
</div>
<div id="container">
</div>

<script>
$("#clickButton").on("click", function(){
$('#container').load("2.html")
});
</script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------

2.html
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--jQuery-->
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<!--jQuery Mobil-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<select name="account" id="account">
<option value="1">a</option>
  </select>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------


reply to postreply to post
話題樹型展開
人氣 標題 作者 字數 發文時間
493 jquery mobile load問題 hank770721 2652 2017-02-22 00:35
452 Re:jquery mobile load問題 hank770721 109 2017-02-25 03:18
388 Re:jquery mobile load問題 chy9920 16 2018-04-12 09:40
» JWorld@TW »  AJAX討論區 » Java 與 Ajax

reply to postflat modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8