Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从使用jquery load()加载的另一个html页面执行主html文件中编写的脚本_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何从使用jquery load()加载的另一个html页面执行主html文件中编写的脚本

Javascript 如何从使用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(

我有两个文件index.htmlsubpage.html。使用jquery
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元素。那么你的处理程序应该能正常处理这个加载命令。你说是老板。谢谢你说过了,老板。谢谢你说过了,老板。谢谢你说过了,老板。谢谢