2014-11-21 90 views
-1

我想添加一些文本到一个HTML元素的ID随机更改几个不同的情况下为不同的访问者。这是什么问题,如果其他声明

出于某种原因,我的文本没有被添加到元素中。

任何人看到我的代码有什么问题?

这是我设置的JSBin事物的链接。

http://jsbin.com/biresocera/1/edit

<script> 
 
    var linkAnchor = $('#link-anchor'); 
 
    var randShareLink = Math.floor(Math.random() * 5) + 1; 
 

 
    $(document).ready(function(){ 
 
     if (randShareLink === 1){ 
 
      $(linkAnchor).append('case 1'); 
 
     } else if (randShareLink === 2){ 
 
      $(linkAnchor).append('case 2'); 
 
     } else { 
 
      $(linkAnchor).append('case 3'); 
 
     } 
 
    }); 
 
</script> 
 

 
<body> 
 
<div id="link-anchor" style="background-color:red; height:40px; color:white; width:50px;"></div> 
 
</body>

+0

你必须在期末结账括号没有开一个去用它 – Maxqueue 2014-11-21 01:58:42

+0

linkAnchor已经是一个jQuery对象。不需要'$(linkAnchor)'。只是'linkAnchor.append()' – 2014-11-21 01:59:25

回答

2

的代码是细。但是,您的jsbin设置不正确 - 您需要添加jquery库以使其正常工作。

此外,使用linkAnchor.append,因为它已经是一个jQuery对象。

http://jsbin.com/zokedozibe/1/edit

+0

你是对的:)愚蠢的我。谢谢。 – psvj 2014-11-21 02:01:38

0

缺少jQuery框架

var linkAnchor = $('#link-anchor'); 
 
var randShareLink = Math.floor(Math.random() * 5) + 1; 
 

 
$(document).ready(function(){ 
 
    if (randShareLink === 1){ 
 
     $(linkAnchor).append('case 1'); 
 
    } else if (randShareLink === 2){ 
 
     $(linkAnchor).append('case 2'); 
 
    } else { 
 
     $(linkAnchor).append('case 3'); 
 
    } 
 
});
<head> 
 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript" ></script> 
 
</head> 
 

 
<body> 
 
<div id="link-anchor" style="background-color:red; height:40px; color:white; width:50px;"></div> 
 
</body>

http://jsbin.com/biqovedeqe/1/