Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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 如何在包含的html中使用jquery?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何在包含的html中使用jquery?

Javascript 如何在包含的html中使用jquery?,javascript,jquery,html,Javascript,Jquery,Html,对不起,标题是。。。 因此,我将index.html分离为div,然后使用以下命令调用contant: <script>$(function(){$("#work_bunch").load("wb.html"); });</script> 您需要使用事件委派: $(document).on('mouseover', '#element_in_wb_page', function() { // your function }); 就你而言: $(document

对不起,标题是。。。 因此,我将index.html分离为div,然后使用以下命令调用contant:

<script>$(function(){$("#work_bunch").load("wb.html"); });</script>

您需要使用事件委派:

$(document).on('mouseover', '#element_in_wb_page', function() {
    // your function
});
就你而言:

$(document).on('mouseover', '#img5', function() {
    $(this).fadeOut(2000);
});

您需要使用事件委派:

$(document).on('mouseover', '#element_in_wb_page', function() {
    // your function
});
就你而言:

$(document).on('mouseover', '#img5', function() {
    $(this).fadeOut(2000);
});
如果动态添加内容,则对其使用委托方法

$("#work_bunch").on("mouseover", "#img5", (function(){
  $(this).fadeOut(2000);
});
和键入问题$img5到$img5

在动态添加内容时使用委托方法

$("#work_bunch").on("mouseover", "#img5", (function(){
  $(this).fadeOut(2000);
});

如果在head标记中包含.js,那么需要使用document.ready


如果要在head标记中包含.js,则需要使用document.ready

委派活动:

$("#work_bunch").on("mouseover", "#img5", function(){
    $(this).fadeOut(2000);
});
当DOM就绪时,元素不在那里,它们随后进入视图,因此在DOM就绪时,所有事件都绑定到现有元素。如果动态生成任何元素或通过ajax将其放入视图中,则任何事件都不会绑定到这些元素

因此,解决这个问题的方法是尽可能将事件委托给最近的静态父级,尽管您也可以委托给文档,但这在查找dom元素时非常昂贵

解释语法:

$(parentToDelegate).on(event, selector, callbackFn);
委派活动:

$("#work_bunch").on("mouseover", "#img5", function(){
    $(this).fadeOut(2000);
});
当DOM就绪时,元素不在那里,它们随后进入视图,因此在DOM就绪时,所有事件都绑定到现有元素。如果动态生成任何元素或通过ajax将其放入视图中,则任何事件都不会绑定到这些元素

因此,解决这个问题的方法是尽可能将事件委托给最近的静态父级,尽管您也可以委托给文档,但这在查找dom元素时非常昂贵

解释语法:

$(parentToDelegate).on(event, selector, callbackFn);

以下是我发现的更普遍的解决方案 使用

而不是

$(document).ready(function() {
 // executes when HTML-Document is loaded and DOM is ready
});
因为: -加载HTML文档时,已执行document ready事件。
-当整个页面(包括所有帧、对象和图像)完全加载时,窗口加载事件会在稍后执行。

以下是我发现的更通用的解决方案 使用

而不是

$(document).ready(function() {
 // executes when HTML-Document is loaded and DOM is ready
});
因为: -加载HTML文档时,已执行document ready事件。
-当整个页面(包括所有帧)完全加载时,窗口加载事件将在稍后执行,对象和图像。

这是一个输入错误还是您在匿名函数中引用了未定义的局部变量img5?我应该使用img5。当我问问题时,我弄错了。这是一个输入错误还是您在匿名函数中引用了未定义的局部变量img5?我应该使用img5。当我问问题将此用于当前对象这两个都是相同的东西,因为根据w3c id应该总是唯一的,但感谢您在htmlUse中op duplicate id时的建议这两个用于当前对象都是相同的东西,因为根据w3c id应该总是唯一的,但感谢您的建议,当op在HTMLH中复制id时,请制作一个插件并共享URL。我不理解您;-;那么请制作一个PLUNKER并分享URL。我不理解你;-;它不是那样工作的,但当我用文档替换work_bunch时,它就这样工作了;-;请你进去看看好吗?它不是那样工作的,但当我用文档替换work_bunch时,它就这样工作了;-;请你进去看看好吗?