Question

我有两页test1.php和test2.php，当我点击我的按钮转到test2.php我的功能未在test2.php中运行时，只有我放data-ajax="false"在所说的按钮它工作，但我想没有禁用ajax ..有没有办法？

test1.php

<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
</script>
</head>
<body >
<div id="page-1" data-role="page" >
<div data-role="content">
<a href="test2.php">click</a>
</div>
</div>
</body>
</html>

test2.php

<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
</script>
</head>
<body >
<div id="page-1" data-role="page" >
<div data-role="content">
</div>
</div>
<script type="text/javascript">
$(function() {
 alert("hi");
})
</script>
</body>
</html>

Answer 1

如果你想运行一个外部功能，你可以创建一个文件，让我们称之为myfunction.js。然后在jquery包含下面添加它，如下所示：

...
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
<script src="myfunction.js"></script>

在＆＃34; myfunction.js＆＃34;你添加这个：

$("a").click(function(){
  alert("Hi");
});

有点像我在这里所做的那样：https://jsfiddle.net/uzt27mm2/只需从外部.js文件中调用脚本。

jquery mobile - 从另一个页面运行函数而不禁用ajax

1 个答案: