Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.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:如果将鼠标悬停在某个元素上会将某些内容注入DOM,那么我仍然可以引用它吗?_Javascript_Jquery - Fatal编程技术网

Javascript jQuery:如果将鼠标悬停在某个元素上会将某些内容注入DOM,那么我仍然可以引用它吗?

Javascript jQuery:如果将鼠标悬停在某个元素上会将某些内容注入DOM,那么我仍然可以引用它吗?,javascript,jquery,Javascript,Jquery,如果将鼠标悬停在某个元素上会向DOM中注入一些内容,我仍然可以引用它吗 还是我必须使用live插件 我正在使用jQuery 1.3.2 i、 我能做什么 $("#someItem").attr("src", "htt...") 在上面 我正在尝试这样做,但我认为,它不起作用b/c它是DOM中新添加的项。是的,可以选择并引用已添加到DOM中的元素 或者,如果在将其添加到DOM时已经使用了对它的引用,那么也可以在添加该引用后继续使用该引用 使用此示例,您可以看到既可以使用对新创建元素的当前引用,也

如果将鼠标悬停在某个元素上会向DOM中注入一些内容,我仍然可以引用它吗

还是我必须使用live插件

我正在使用jQuery 1.3.2

i、 我能做什么

$("#someItem").attr("src", "htt...")
在上面


我正在尝试这样做,但我认为,它不起作用b/c它是DOM中新添加的项。是的,可以选择并引用已添加到DOM中的元素

或者,如果在将其添加到DOM时已经使用了对它的引用,那么也可以在添加该引用后继续使用该引用

使用此示例,您可以看到既可以使用对新创建元素的当前引用,也可以对其进行新引用

HTML:

将鼠标悬停在我身上
jQuery:

$('#button').hover(function() {
    $('#newElement').remove();

    var $myNewElement = $('<div id="newElement">new Element</div>');

    $('body').append($myNewElement);

    $myNewElement.css({color:'red'});
},
function() {

// This function has completely different namespace 
//   from the one that created and inserted #newElement
//   and I can get a reference to it just like any other element

    var $newReferenceToElement = $('#newElement');

    $newReferenceToElement.css({color:'blue'});
});
$('#按钮')。悬停(函数(){
$('#newElement')。删除();
var$myNewElement=$('newelement');
$('body').append($myNewElement);
$myNewElement.css({color:'red'});
},
函数(){
//此函数具有完全不同的命名空间
//从创建并插入#newElement的
//我可以像其他元素一样得到它的引用
var$newReferenceToElement=$(“#newElement”);
$newReferenceToElement.css({color:'blue'});
});

显示更多的代码可能会有所帮助,但我想我明白了大概的意思

如果您只是想向该项添加事件或其他内容,则可以在附加该项之前执行此操作

(function($){
  $(function(){
    $("#link").hover(
      function(){
        var $div = $("<div class='inserted_div'></div>").bind("click",function(){ ... });
        $("body").append($div);
      }),
      function(){

      });
  });
})(jQuery);
(函数($){
$(函数(){
$(“#链接”)。悬停(
函数(){
var$div=$(“”).bind(“单击”,函数(){…});
$(“正文”)。追加($div);
}),
函数(){
});
});
})(jQuery);

因此,只需在创建时绑定事件或属性,然后再附加它。

您所说的“引用它”是什么意思?我可以做$(“#某事”)吗?或者我无法b/c它是DOM中新添加的项。如果您以前没有对它的引用,该怎么办?从
hover()
事件中的第二个函数可以看出,它创建了对添加元素的新引用<代码>变量$newReferenceToElement=$('#newElement')@Blankman-这有意义吗?你还有别的麻烦吗?如果需要,可能需要共享一些代码。
(function($){
  $(function(){
    $("#link").hover(
      function(){
        var $div = $("<div class='inserted_div'></div>").bind("click",function(){ ... });
        $("body").append($div);
      }),
      function(){

      });
  });
})(jQuery);