也就是说,我有两个文件:
在index.php中,我加载CSS和JS:
<head><link href="css/web.css" rel="stylesheet" type="text/css" /></head>
<body><script src="js/web.js" type="text/javascript"></script></body>现在,我要做的是用“js/web.js”中的load()事件加载“若干-content.php”:
$("#content").load('some-content.php');长话短说:
当我加载“ome-content.php”时,它从css/web.css继承所有必要的CSS样式,而不必在“omes-content.php”中包含另一个链接href。
但是没有一个JS脚本看起来是工作的--存储在js/web.js中的那些保存在index.php中的脚本
我是否必须加上:
<script src="js/web.js" type="text/javascript"></script>再次出现在“ome-content.php”中?
谢谢
发布于 2013-11-20 17:23:56
这通常是因为将事件与直接绑定绑定在一起,例如.
$('.myClass').click(function () {
//...
});这将只适用于在此绑定运行时存在的.myClass元素。
如果希望应用于稍后将添加到DOM中的元素,请使用更动态的on绑定。
$(document).on('click', '.myClass', function () {
//...
});您也可以更具体一些--而不是使用document --但这是为了示例的目的。
发布于 2013-11-20 17:32:27
您正在将工具提示绑定到页面加载上的元素。添加新内容时,需要将工具提示绑定到新添加的元素。您可以在ajax调用的回调函数中这样做,例如:
$("#content").load('some-content.php', function() {
$(this).find("[rel='tooltip']").tooltip();
// or put stuff like that in an initialization function and call that instead...
});发布于 2013-11-20 17:24:07
.load()是一种加载动态内容的AJAX方法。
对动态生成的内容使用on()
$('selector').on('event',function(){
//something
});示例:
$( "#data" ).on( "click", function() {
alert( $( this ).text() );
});阅读更多关于.on()的信息
https://stackoverflow.com/questions/20102610
复制相似问题