Javascript 如何从使用jquery load()加载的另一个html页面执行主html文件中编写的脚本
我有两个文件index.html和subpage.html。使用jqueryJavascript 如何从使用jquery load()加载的另一个html页面执行主html文件中编写的脚本,javascript,jquery,html,Javascript,Jquery,Html,我有两个文件index.html和subpage.html。使用jqueryload()我正在将subpage.html加载到index.html中的div#result 我已经在index.html中为index.html和subpage.html编写了js 页面内容如下: index.html: <script type="text/javascript"> $("document").ready(function(e) { $("#result").load(
load()
我正在将subpage.html加载到index.html中的div#result
我已经在index.html中为index.html
和subpage.html
编写了js
页面内容如下:
index.html:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
});
</script>
<div id="result"></div>
<p>Sub page</p>
<input type="button" id="clickMe" value="Click" />
$(“文件”)。就绪(功能(e){
$(“#result”).load('subpage.html');
});
subpage.html:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
});
</script>
<div id="result"></div>
<p>Sub page</p>
<input type="button" id="clickMe" value="Click" />
子页
但是在这里,单击按钮的索引中编写的功能#单击我在单击按钮时不会触发
是否有可能实现此目的?如果要使用
。在
委派上,必须将事件附加到更高级别的元素,并将对象或类指定为委派
$('body').on('click',"#clickMe", function(){
alert('clicked dynamic dom element');
});
如果要使用
。在
委托上,必须将事件附加到更高级别的元素,并将对象或类指定为委托
$('body').on('click',"#clickMe", function(){
alert('clicked dynamic dom element');
});
如果要使用
。在
委托上,必须将事件附加到更高级别的元素,并将对象或类指定为委托
$('body').on('click',"#clickMe", function(){
alert('clicked dynamic dom element');
});
如果要使用
。在
委托上,必须将事件附加到更高级别的元素,并将对象或类指定为委托
$('body').on('click',"#clickMe", function(){
alert('clicked dynamic dom element');
});
您可以创建一个函数来设置事件处理程序,并且不要忘记用于设置触发器。和afer
$(“#result”).load('subpage.html')代码>,调用该函数
function setEventHandler(){
$('#clickMe').off('click').on('click',function(){
// codes here
alert('Clicked');
});
}
您的代码将是:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
setEventHandler();
});
</script>
<div id="result"></div>
$(“文件”)。就绪(功能(e){
$(“#result”).load('subpage.html');
setEventHandler();
});
您可以创建一个函数来设置事件处理程序,并且不要忘记用于设置触发器。和afer$(“#result”).load('subpage.html')代码>,调用该函数
function setEventHandler(){
$('#clickMe').off('click').on('click',function(){
// codes here
alert('Clicked');
});
}
您的代码将是:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
setEventHandler();
});
</script>
<div id="result"></div>
$(“文件”)。就绪(功能(e){
$(“#result”).load('subpage.html');
setEventHandler();
});
您可以创建一个函数来设置事件处理程序,并且不要忘记用于设置触发器。和afer$(“#result”).load('subpage.html')代码>,调用该函数
function setEventHandler(){
$('#clickMe').off('click').on('click',function(){
// codes here
alert('Clicked');
});
}
您的代码将是:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
setEventHandler();
});
</script>
<div id="result"></div>
$(“文件”)。就绪(功能(e){
$(“#result”).load('subpage.html');
setEventHandler();
});
您可以创建一个函数来设置事件处理程序,并且不要忘记用于设置触发器。和afer$(“#result”).load('subpage.html')代码>,调用该函数
function setEventHandler(){
$('#clickMe').off('click').on('click',function(){
// codes here
alert('Clicked');
});
}
您的代码将是:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html');
setEventHandler();
});
</script>
<div id="result"></div>
$(“文件”)。就绪(功能(e){
$(“#result”).load('subpage.html');
setEventHandler();
});
您应该使用.on()
进行触发,并请提供一个小提琴,因为您正在加载index.html中document.ready之后的subpage.html,您的事件处理程序没有附加到#clickMe,因为#clickMe不存在。我猜您使用的#指的是您正在使用jQuery的id。因此,您可以在#clickMe上放置一个虚拟类,并将事件处理程序附加到该类,而不是DOM元素。然后,您的处理程序应该可以正常使用此加载顺序。您应该使用.on()
进行触发,并提供一个小提琴,因为您正在加载document.ready之后的subpage.html。在index.html中,您的事件处理程序没有附加到#clickMe,因为#clickMe不存在。我猜您使用的#指的是您正在使用jQuery的id。因此,您可以在#clickMe上放置一个虚拟类,并将事件处理程序附加到该类,而不是DOM元素。然后,您的处理程序应该可以正常使用此加载顺序。您应该使用.on()
进行触发,并提供一个小提琴,因为您正在加载document.ready之后的subpage.html。在index.html中,您的事件处理程序没有附加到#clickMe,因为#clickMe不存在。我猜您使用的#指的是您正在使用jQuery的id。因此,您可以在#clickMe上放置一个虚拟类,并将事件处理程序附加到该类,而不是DOM元素。然后,您的处理程序应该可以正常使用此加载顺序。您应该使用.on()
进行触发,并提供一个小提琴,因为您正在加载document.ready之后的subpage.html。在index.html中,您的事件处理程序没有附加到#clickMe,因为#clickMe不存在。我猜您使用的#指的是您正在使用jQuery的id。因此,您可以在#clickMe上放置一个虚拟类,并将事件处理程序附加到该类,而不是DOM元素。那么你的处理程序应该能正常处理这个加载命令。你说是老板。谢谢你说过了,老板。谢谢你说过了,老板。谢谢你说过了,老板。谢谢