2014-11-21 3 views
-1

Я пытаюсь добавить некоторый текст в элемент html по его идентификатору, случайно меняющемуся между несколькими различными случаями для разных посетителей.что не так с этим, если else statment

По какой-то причине мой текст не добавляется к элементу.

Кто-нибудь может понять, что случилось с моим кодом?

Вот ссылка на созданную мной 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

+0

linkAnchor уже объект JQuery , Нет необходимости в '$ (linkAnchor)'. Просто 'linkAnchor.append()' –

ответ

2

Код отлично. Однако ваш jsbin настроен неправильно - вам нужно добавить библиотеку jquery, чтобы она работала.

Кроме того, используйте linkAnchor.append, поскольку он уже является объектом jquery.

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

+0

вы правы :) глупо меня. Благодарю. – psvj

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/

Смежные вопросы