首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Loaded()内容不会继承javascript

Loaded()内容不会继承javascript
EN

Stack Overflow用户
提问于 2013-11-20 17:20:29
回答 3查看 87关注 0票数 0

也就是说,我有两个文件:

  • index.php
  • some-content.php

在index.php中,我加载CSS和JS:

代码语言:javascript
复制
<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”:

代码语言:javascript
复制
 $("#content").load('some-content.php');

长话短说:

当我加载“ome-content.php”时,它从css/web.css继承所有必要的CSS样式,而不必在“omes-content.php”中包含另一个链接href。

但是没有一个JS脚本看起来是工作的--存储在js/web.js中的那些保存在index.php中的脚本

我是否必须加上:

代码语言:javascript
复制
<script src="js/web.js" type="text/javascript"></script>

再次出现在“ome-content.php”中?

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-11-20 17:23:56

这通常是因为将事件与直接绑定绑定在一起,例如.

代码语言:javascript
复制
$('.myClass').click(function () {
    //...
});

这将只适用于在此绑定运行时存在的.myClass元素。

如果希望应用于稍后将添加到DOM中的元素,请使用更动态的on绑定。

代码语言:javascript
复制
$(document).on('click', '.myClass', function () {
    //...
});

您也可以更具体一些--而不是使用document --但这是为了示例的目的。

票数 2
EN

Stack Overflow用户

发布于 2013-11-20 17:32:27

您正在将工具提示绑定到页面加载上的元素。添加新内容时,需要将工具提示绑定到新添加的元素。您可以在ajax调用的回调函数中这样做,例如:

代码语言:javascript
复制
$("#content").load('some-content.php', function() {
  $(this).find("[rel='tooltip']").tooltip();
  // or put stuff like that in an initialization function and call that instead...
});
票数 3
EN

Stack Overflow用户

发布于 2013-11-20 17:24:07

.load()是一种加载动态内容的AJAX方法。

对动态生成的内容使用on()

代码语言:javascript
复制
$('selector').on('event',function(){
//something
});

示例:

代码语言:javascript
复制
$( "#data" ).on( "click", function() {
alert( $( this ).text() );
});

阅读更多关于.on()的信息

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20102610

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档