Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/rust/4.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不使用像jrateplugin这样的插件处理dom中新添加的元素_Javascript_Jquery_Plugins_Jquery Plugins - Fatal编程技术网

Javascript Jquery不使用像jrateplugin这样的插件处理dom中新添加的元素

Javascript Jquery不使用像jrateplugin这样的插件处理dom中新添加的元素,javascript,jquery,plugins,jquery-plugins,Javascript,Jquery,Plugins,Jquery Plugins,我一直在网上搜索,我找到了一些有用的答案,比如说,但这些答案不足以解决我的问题(例如:。 ) 我正在使用JRate插件,我正在使用jQuery在div中添加一个div。问题是,当我使用jQuery添加它并使用JRate函数时,它们就不起作用了。但是它们在工作时没有添加新的div 我知道如何让它工作。我将不得不使用$(文档),但我不知道如何将其与此代码一起使用 这里是HTML <div class="jRate"></div> 这是我的附加代码 var divjRate

我一直在网上搜索,我找到了一些有用的答案,比如说,但这些答案不足以解决我的问题(例如:。 )

我正在使用JRate插件,我正在使用jQuery在
div
中添加一个
div
。问题是,当我使用jQuery添加它并使用JRate函数时,它们就不起作用了。但是它们在工作时没有添加新的
div

我知道如何让它工作。我将不得不使用
$(文档)
,但我不知道如何将其与此代码一起使用

这里是HTML

<div class="jRate"></div>
这是我的附加代码

var divjRate = "<div class='jRate'></div>";
$(divjRate).appendTo('.fb-jRate');
var divjRate=“”;
$(divjRate).appendTo('.fb jRate');

有谁能告诉我如何使用这里的
$(document)
或您拥有的任何其他替代解决方案。

您链接的解决方案适用于绑定事件侦听器,这与通常涉及DOM替换和其他事情的典型jQuery插件不同

您需要将该方法应用于新添加的DOM元素。由于性能问题,不推荐使用DOM变异事件规范,期望浏览器跟踪DOM中发生的所有更改(以及更改的类型)是不现实的

例如,如果使用AJAX调用添加新内容,则可以在
jqXHR.done()
函数中将该方法应用于新添加的内容


更新:OP提供了一些代码,因此我添加了一种方法来初始化新添加的DOM元素的插件:

// Declare new element
var divjRate = "<div><div class='jRate'></div></div>";

// Use plugin on new element
$(divjRate).find('.jRate').jRate({
    onSet: function(rating) {                            
        alert(rating);
    }
});

// Append new element to container of choice
$(divjRate).appendTo('.fb-jRate');
//声明新元素
var divjRate=“”;
//在新元素上使用插件
$(divjRate).find('.jRate').jRate({
开始:功能(额定值){
警报(评级);
}
});
//将新元素附加到所选容器
$(divjRate).appendTo('.fb jRate');

您需要先附加html元素,以便在
DOM
中注册它。然后,您可以在上面调用
jRate

var divjRate = "<div><div class='jRate'></div></div>";

// Append new element to container of choice
$(divjRate).appendTo('.fb-jRate');

// Use plugin on new element
$('.jRate').jRate({
    onSet: function(rating) {                            
        alert(rating);
    }
});
var divjRate=“”;
//将新元素附加到所选容器
$(divjRate).appendTo('.fb jRate');
//在新元素上使用插件
$('.jRate').jRate({
开始:功能(额定值){
警报(评级);
}
});

这是我现在的附加代码,您能告诉我如何使它工作var divjRate=“”;$(divjRate).appendTo('.fb jRate')@usama可能是因为选择器问题。请立即尝试我的更新答案。更新答案后,它仍不起作用…:(好的,下一步。我需要复制它。你能把它放在小提琴上吗?或者给我一个你正在使用它的网站吗?当你说它不工作时,你的意思是它画星星但起效不起作用?还是它给出了一个错误?它画星星但起效不起作用,而且它没有给出任何错误。这是一种方法,我可以使用jqu将星星重置为0这样我就不必在body@usama,你能用小提琴演奏吗,或者给我举个例子来玩玩?
var divjRate = "<div><div class='jRate'></div></div>";

// Append new element to container of choice
$(divjRate).appendTo('.fb-jRate');

// Use plugin on new element
$('.jRate').jRate({
    onSet: function(rating) {                            
        alert(rating);
    }
});