jquery prepend不工作

我正在练习一些jquery的功能，我被困在这里prepend不为我工作。任何人都可以请为什么它不工作？jquery prepend不工作

HTML：

<html> 
    <head><title>BLAH</title></head> 

    <body> 
<div id="waterwheel-carousel-default"> 
    <a href="#" id="Up" class="UpLink">Up</a> 
    </div> 
    </body> 
</html>

的JavaScript：

var noofpagelinks = 2; 
var count; 
for (count = 0; count < noofpagelinks; count++) { 
    $(".waterwheel-carousel-default").prepend("<a href=# class=PageLink id=PageLink" + count + "/>" + count + "</a>"); 
}

的jsfiddle：http://jsfiddle.net/YGSS4/4/

来源

2012-10-12 mabus44

您应该使用的ID选择，不是阶级

变化$(".waterwheel-carousel-default") 到$("#waterwheel-carousel-default")

来源

2012-10-12 09:49:22 tomaroo

仍然没有工作 – mabus44

在自己的小提琴，改变从MooTools的框架jQuery的，它会工作 – tomaroo

工作小提琴 - HTTP ：//jsfiddle.net/3Ks3T/ – tomaroo

waterwheel-carousel-default是ID，所以你应该使用哈希#：

var noofpagelinks = 2; 
for (var count = 0; count < noofpagelinks; count++) { 
    $("#waterwheel-carousel-default") 
     .prepend("<a href='#' class='PageLink' id='PageLink" 
     + count + "'>" + count + "</a> "); 
}

DEMO：http://jsfiddle.net/YGSS4/10/

来源

2012-10-12 09:49:54 VisioN

你能告诉你为什么用单引号定义atrribute的值吗？ – mabus44

@ mabus44引用单引号或双引号并不重要。 – VisioN

$(".waterwheel-carousel-default") 
    ^-----here is the problem it should be # since the "waterwheel-carousel-default" 
         is id (<div id="waterwheel-carousel-default">)

也

prepend("<a href=#  class=PageLink id=PageLink" 

       ^^   ^^^^^^^^^^  ^^^^^^^^^^ 
should be href='#' class='PageLink' id='PageLink'

来源

2012-10-12 09:50:35

试试这个代码：它工作正常：

var noofpagelinks = 2; 
var count; 
for (count = 0; count < noofpagelinks; count++) { 
    $("#waterwheel-carousel-default").prepend('<a href="#" class="PageLink" id="PageLink"' + count + '>' + count + '</a>'); 
}

的jsfiddle： http://jsfiddle.net/fQQ68/

来源

2012-10-12 09:52:08

<div id="waterwheel-carousel-default">

代码中的小错误。

$(".waterwheel-carousel-default")

.是一类选择器将选择具有名称waterwheel-carousel-default的元素。但在你的代码中，你正在使用id="waterwheel-carousel-default"。所以，你需要使用

$('#waterwheel-carousel-default')

来源

2012-10-12 10:02:42 kannanrbk

jquery prepend不工作

回答

相关问题