2012-08-08 52 views
0

我只是想添加的div #OL_Icon_63使用jQuery .append()里面的一些字符串或HTML标签div标签里面的一些字符串,这里的代码的例子:添加使用jQuery

$(document).ready(function() { 
    $('#OL_Icon_63').append('HELLO WORLD'); 
}); 

但这代码将无法正常工作对我来说,我试图改变这样的代码:

$(document).ready(function() { 
    $("body").click(function() { 
     $('#OL_Icon_63').append('HELLO WORLD'); 
    }); 
}); 

而且

$(document).ready(function() { 
    $("body").hover(function() { 
     $('#OL_Icon_63').append('HELLO WORLD'); 
    }); 
}); 

两种代码适用于我在使用body标签后使用.hover().click()但我基本上不能使用.append()或其他任何其他功能而不在$(“body())后添加.hover()或.click() “) 但当我使用单击或悬停字符串重复出现

任何人都可以给我一些示例/意见,以便.append() jQuery函数将为我完美吗?

回答

1

一个更普遍的解决方案是使用的事实JavaScript函数是对象,一旦功能clickAction被调用时,它将追加后的文字本身设置为空函数

编辑 这并不jQuery中,由于工作它处理事件的方式,但它确实含有一种称为一个()

$(document).ready(function() { 
    var clickAction = function(){ 
    $('div').append("Hello World"); 
    } 
    $("div").one("click",clickAction); 
});​ 
+0

我基本上不能使用该函数没有添加.hover(),.click()后$(“身体”) 但当我使用单击或悬停字符串出现重复 – 2012-08-08 18:54:42

+0

我只是试图改变div#OL_Icon_63,但它不适用于我 任何其他方式,不使用.click()或.hover(),所以字符串可以自动打开,当我不点击或悬停它? – 2012-08-08 19:12:11

+0

你看过这个:http://api.jquery.com/one/? – 2012-08-08 19:13:11

0

使用text代替:

$('#OL_Icon_63').text("hello world") 

您正在使用追加不正确。追加用于将元素添加到元素的innerHTML。 text用于文本,html用于HTML

这也将替换元素中的所有文本,因此不会有倍数。

+0

我基本上不能使用该功能,而不$后加入.hover()。点击()(“身体”),但是当我使用点击或悬停字符串多次出现 – 2012-08-08 18:57:22

0

你为什么不尝试没有$(document).ready这个工作对我来说:

(function(){ 
    $('#OL_Icon_63').append('HELLO WORLD'); 
})(); 

工作例如:http://jsfiddle.net/tgzKQ/

+0

对不起,但代码仍然不适用于我:)但我非常感谢你的回答 关于downvote,我不是给予downvote,但是那个人是如此非常残忍的那样 – 2012-08-08 19:22:26

+0

您能否将更多的代码添加到示例中,以便我们可以看到还有什么让您的代码变得糟糕? – 2012-08-08 19:23:37

+0

我非常感激你会给我的答案,如果代码是混乱或有一些错误:)但应用程序仍然是我的localhost内:(尽管我将很快上传。 – 2012-08-08 19:29:52