Jquery 。函数未被激发

Jquery 。函数未被激发,jquery,Jquery,我试图在单击某些文本时使用.on事件。这是我的小提琴: <div id="myID"> <a class="connected" >link</a> </div> ​$(function() { $(".connected").on('click', '.connected', function() { alert('fired)' $(".connected").append("<a>hello&l

我试图在单击某些文本时使用.on事件。这是我的小提琴:

<div id="myID">
    <a class="connected" >link</a>
</div>

​$(function() {

$(".connected").on('click', '.connected', function() {
    alert('fired)'
        $(".connected").append("<a>hello</a>");
});



});

​.connected {
    float: left;
    margin: 6px;
}

但当我点击“链接”时,没有任何东西被解雇,我不知道为什么?从阅读来看,我不认为我应该传递的数据是连接的

这需要用于动态添加的元素。 下面是小提琴上的代码:

<div id="myID">
    <a class="connected" >link</a>
</div>

​$(function() {

$(".connected").on('click', '.connected', function() {
    alert('fired)'
        $(".connected").append("<a>hello</a>");
});



});

​.connected {
    float: left;
    margin: 6px;
}

链接
​$(功能(){
$(.connected”)。在('click',.connected',function()上{
警报(‘已点火)’
$(“.connected”).append(“hello”);
});
});
​.连接的{
浮动:左;
利润率:6px;
}

摆脱second
.connected
。此外,您的警报写错了

$(function(){
        $(".connected").on('click', function() {
            alert('fired');
            $(".connected").append("<a>hello</a>");
        });
    });
$(函数(){
$(“.connected”)。在('click',function()上{
警报(“开火”);
$(“.connected”).append(“hello”);
});
});

摆脱second
.connected
。此外,您的警报写错了

$(function(){
        $(".connected").on('click', function() {
            alert('fired');
            $(".connected").append("<a>hello</a>");
        });
    });
$(函数(){
$(“.connected”)。在('click',function()上{
警报(“开火”);
$(“.connected”).append(“hello”);
});
});

您可以使用以下任一方法:

$(".connected").on('click', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​
$(“.connected”)。在('click',function()上{
警报('fired')

$(“.connected”).append(“

您可以使用以下选项之一:

$(".connected").on('click', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​
$(“.connected”)。在('click',function()上{
警报('fired')

$(“.connected”).append(“

将其放入就绪函数,并修复了警报时的语法错误

$(文档).ready(函数(){
$(“.connected”)。在('click',function()上{
警报(“开火”);
$(“.connected”).append(“hello”);
});    
});

将其放入一个ready函数,并修复了警报时的语法错误

$(文档).ready(函数(){
$(“.connected”)。在('click',function()上{
警报(“开火”);
$(“.connected”).append(“hello”);
});    
});

在答案中包含代码,而不仅仅是链接到小提琴。在答案中包含代码,而不仅仅是链接到小提琴。我讨厌jQuery!!!!使用MooTools…www.MooTools.netI讨厌jQuery!!!!使用MooTools…www.MooTools.net第二个变体是我正在寻找的。我没有div id,只有.css类。这是否意味着我需要添加id t他是元素?我已经更新了我的question@user470184不,您可以使用
.connected
(甚至
body
document
)的任何父元素,而不是
#myID
。非常感谢!如果不太麻烦的话,您可以详细说明为什么会这样做吗?有一个解决方案。jQuery扫描文档的$(“#myID”),并将警报函数与click事件和“.connected”CSS选择器绑定为参数。任何时候事件冒泡到$(“#myID”),它会检查事件是否为单击,以及该事件的目标元素是否与CSS选择器匹配。如果两个检查都为真,它将执行该函数。第二个变量是我正在寻找的。我没有div id,只有.CSS类。这是否意味着我需要在元素中添加id?我已更新了我的question@user470184不是,而是
#myID
您可以使用
.connected
(甚至
body
document
)的任何父元素。非常感谢!如果不太麻烦的话,您可以详细说明为什么会这样做吗?有一个解决方案。jQuery扫描文档以获取$(“#myID”),并将警报函数与单击事件和“.connected”CSS选择器绑定为参数。每当事件冒泡到$(“#myID”)时,它会检查事件是否为单击,以及该事件的目标元素是否与CSS选择器匹配。如果两个检查都为真,则执行该函数。