我正在开始正文
之后导入外部js文件<body>
<script src="http://website.com/jsfile#1"></script>
etc...
</body>
头部包括以下内容:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" /><script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
脚本文件如下所示:
$(document).ready(function() {
$(document).on('click', ".clickable", function() {
var o_id = $(this).attr('id');
$('#l_id').val(o_id);
$("#pick_location").attr("action", "pick_contact.php?l_id=" + o_id + "&p_id=" + $('#p_id').attr('value') + "&f_id=" + $('#f_id').attr('value'));
$('#pick_location').submit();
});
});
后来我动态创建了可触发脚本的可点击div,例如
<?php
echo '<div id ="'.$id.'" class="clickable"><div>test</div></div>';
?>
点击提交表单,它将用户带到另一个非常相似的页面,用户几乎可以完全相同(应用程序与在一个页面中选择内容,然后在下一个中添加更多内容等)和以前一样但是用不同的剧本
<script src="jsfile#2"></script>
我遇到的问题是,在第二页中,单击的div触发js文件jsfile#1而不是jsfile#2。所以,这个缓存让我很头疼。最新的Chrome和Firefox中的结果相同。似乎找不到任何适用于我的问题的东西。任何建议将不胜感激