作者e2755699 (酣酣)
看板Web_Design
标题[问题] 执行超连结以後jquery失效
时间Wed Feb 11 15:49:47 2015
小弟做了一个网页包含了四个超连结
网页:index.php
超连结1:index.php?page=A
超连结2:index.php?page=B
超连结3:index.php?page=C
超连结4:index.php?page=D
进入首页(index.php)，点超连结後(index.php?page=A)，
网页的jquery语法会失效，但按了重新更新後jquery又有效了
PS:我有用样板引擎smarty
麻烦各位高手给小弟指点迷津或给个方向
这问题困扰好几天了
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.35.130.39
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1423640989.A.671.html
1F：→ oToToT: 看不太懂.... 02/11 15:59
2F：推 onininon: jquery语法会失效 有错误讯息吗 02/11 16:05
3F：→ MangoTW: 什麽语法…讲清楚一点… 02/12 00:52
4F：推 aspdoctor: 你用到Ajax? 是的话有变动的元素event要重新bind 02/12 02:59
以下是我的程式码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HomeGatWay</title>
<link rel="shortcut icon" href="ext/favicon.ico">
<link rel="stylesheet"
href="
http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet"
href="ext/css/themes/default/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="templates/style/default.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.5.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<a href="
#nav-panel" class="jqm-navmenu-link ui-nodisc-icon ui-alt-icon
ui-btn-left ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all"
data-role="button" role="button">Menu</a>
<h1><div class="top_user" style="float:right">page_main</div></h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<div class="actionbar">
<div style="float:right;">
<nav>
<a href="?page=roon&action=append">p1</a>
<a href="?page=roon&action=edit&roonno=">p2</a>
<a href="?page=roon&action=cancel&roonno=">p3</a>
<a href="?page=roon&action=delete&roonno=">p4</a>
</nav>
</div>
</div>
</div><!-- /content -->
<script>
$(function(){alert('456');});
</script>
</div><!-- /page -->
</body>
</html>
我用ie/chrome 测过
点P1~P4的超连结 都会有一个超连结点下去後alert('456');会执行不到
按F5重新更新後就会正常跳出alert('456');
最後发现只要把 <script src="js/jquery.mobile-1.4.5.js"></script>这段拿掉就
正常了
※ 编辑: e2755699 (114.35.130.39), 02/12/2015 11:26:02
5F：推 cokellen: 在<a>加上data-ajax="false" 试看看 02/12 11:57
6F：→ cokellen: jquery mobile官方文件有说明Link的使用 02/12 11:58
7F：→ e2755699: 挖~好像有效耶 我找了超久 02/12 13:08