Мой JSFiddle работает, но не в моей системе

Question

Мой JSFiddle работает, но не в моей системе

0

Хотя я загрузил jquery внутри, от моего кода нет ответа. но My JSfiddle работает правильно. Пожалуйста, помогите мне, где мне не хватает. Ошибка на консоли firefox. Я не могу понять, где я отсутствую. Я чрезвычайно новичок в настройках js и jquery JS fiddle на http://jsfiddle.net/3Wdr3/1/

    <html>
<head>
 <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
</head>
<body>
<script type="text/javascript">

var counter = 2;
var availableTags = [
 "ActionScript",
 "AppleScript",
 "Asp",
 "BASIC",
 "C",
 "C++",
 "Clojure",
 "COBOL",
 "ColdFusion",
 "Erlang",
 "Fortran",
 "Groovy",
 "Haskell",
 "Java",
 "JavaScript",
 "Lisp",
 "Perl",
 "PHP",
 "Python",
 "Ruby",
 "Scala",
 "Scheme"];
$("#addButton").click(function () {
 var newTextBoxDiv = $(document.createElement('div'))
  .attr("id", 'TextBoxDiv' + counter);

 var roleInput = $('<input/>',{
  type:'text',
  placeholder:'Role',
  name:'Role'+counter,
  id:'textbox' + counter
 });

 var searchInput = $('<input/>',{
  type:'text',
  placeholder:'search',
  name:'search'+counter,
  id:'se' + counter
 });

 var hidd=$('<input/>',{
  type:'hidden',
  name:'searchhid'+counter,
  id:'searchhid' + counter
 });


 newTextBoxDiv.append(roleInput).append(searchInput).append(hidd);
 newTextBoxDiv.appendTo("#TextBoxesGroup");
 $('#se' + counter).autocomplete({
  source: availableTags
 });
 counter++;
});
</script>
<div id='TextBoxesGroup'>
 <div id="TextBoxDiv1" class="form-inline control-group">
  <input type='button' value='Add' id='addButton' />
 </div>
</div>
</body>
</html>

JakeNsmith 13 нояб. 2013, в 13:50

Источник

0

где ваша установка jsfiddle?
Drixson Oseña 13 нояб. 2013, в 12:08
0

вы загружаете сценарии слишком рано, перед тем как рендерится dom, вам нужно событие dom ready
Vinod Louis 13 нояб. 2013, в 12:12
0

@ DrixsonOseña: Мое плохое .. вот это jsfiddle.net/3Wdr3/1 тоже отредактировал в qn.
JakeNsmith 13 нояб. 2013, в 12:12

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

2 ответа

0

см. этот плункер, вы можете понять, почему необходимо событие для дома

$ (Документ).ready (функция() {

//your js code

});

в то время как в скрипке с левой стороны в расширении рамки вы можете видеть, что его набор для onLoad, который делает вещи автоматически

Vinod Louis 13 нояб. 2013, в 10:02

Ещё вопросы

вы загружаете сценарии слишком рано, перед тем как рендерится dom, вам нужно событие dom ready
@ DrixsonOseña: Мое плохое .. вот это jsfiddle.net/3Wdr3/1 тоже отредактировал в qn.

Daniel A. White · Accepted Answer · 2013-11-13T10-37-00.000Z

Убедитесь, что вы завернули свои вызовы в jQuery в состоянии готовности.

$(function() {
   $("#addButton")...
});

JSFiddle делает это за вас.

Это важно, потому что другие элементы еще не в доме. Поэтому, когда вы пытаетесь выбрать их с помощью jQuery, их не существует, и ваш скрипт не будет работать.

Не могли бы вы уточнить это немного подробнее. Я чрезвычайно новичок в jquery и js. Что я должен изменить в своем коде, чтобы он работал?
Я обновил. но все же CSS не применяется. Я вижу, что <ul> <li> находится на предложении автозаполнения. Как я могу избавиться от этого, как я вижу в Jsfiddle