Вызов сценария JQuery во второй раз сбой

Я дважды вызывал функцию jQuery в следующем коде, но он работает только в первый раз.Вызов сценария JQuery во второй раз сбой

<!doctype html> 
<html lang="en"> 

    <head> 
     <meta charset="utf-8" /> 
     <title>jQuery UI Datepicker - Icon trigger</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" 
     /> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css" /> 
     <script> 
      $(function() { 
       $("#datepicker").datepicker({ 
        showOn: "button", 
        buttonImage: "images/calendar.gif", 
        buttonImageOnly: true 
       }); 
      }); 
     </script> 
    </head> 

    <body>

Следующая часть работает отлично:

<p>Depature date: 
    <input type="text" id="datepicker" /> 
</p>

Следующая часть производит текстовое поле ввода, но не имеет ссылку на изображение, чтобы открыть календарь вариант [это не вызывает сценарий ]:

<p>Depature date: 
     <input type="text" id="datepicker" /> 
    </p>** 

    </body> 

</html>

Любые предложения были бы высоко оценены. У меня такое чувство, что у меня есть простой ответ, который я просто не вижу.

Благодаря

источник

2013-08-28 Andrew Smith

Сделать идентификатор в class.Id должны быть unique.Classes являются groups.I изменили свой код и вставить here..Use это будет работать ..

<script> 
    $(function() { 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "images/calendar.gif", 
      buttonImageOnly: true 
     }); 
    }); 
</script> 

<p>Depature date: 
    <input type="text" class="datepicker" /> 
</p> 


<p>Depature date: 
    <input type="text" class="datepicker" /> 
</p>

Отметьте как ответ и дайте upvotes, если проблема решена.

источник

2013-08-28 07:27:17 Sasidharan

Большое спасибо, это был прекрасный ответ. В дополнение к изменению «id» на класс, мне также нужно было изменить «#datepicker» на «.datepicker». Большое спасибо! –

идентификатор элемента should be unique, если у вас есть несколько элементов, то используйте атрибут класса

<p>Depature date: <input type="text" class="datepicker" /> 
</p> 
<p>Depature date: <input type="text" class="datepicker" /> 
</p>**

Тогда

$(function() { 
$(".datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true 
}); 
});

Демо: Fiddle

источник

2013-08-28 07:25:59

Спасибо, это было очень полезно –

Не использовать несколько Идентификаторы на одной странице. Вместо этого используйте классы.

т.е.

<p>Depature date: <input type="text" class="datepicker" /></p> 
<p>Depature date: <input type="text" class="datepicker" /></p>

источник

2013-08-28 07:26:35 rgin

Используйте класс вместо id. Вы не можете использовать несколько идентификаторов на странице html

источник

2013-08-28 07:29:22

Вызов сценария JQuery во второй раз сбой

ответ

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