Средство выбора даты jQuery не работает на страницах контента

Question

Я использую средство выбора даты jQuery.Работает нормально на обычной странице aspx.Но это не работает на страницах с контентом.

Это код на моей странице с контентом

<asp:Content ID="body"  ContentPlaceHolderID="ContentPlaceHolder1" runat="server" >
   <div  id="content">
    <div id="examples">
    <div>
        Default time picker :
        <input type="text" style="width: 70px;" id="timepicker.[1]" value="" />

        <script type="text/javascript">
            $(document).ready(function () {
                $('#timepicker\\.\\[1\\]').timepicker();
            });
        </script>
     </div>
     </div>
    </div>

    </asp:Content>

Я не очень знаком с jQuery, но полагаю, что эти строки вызывают проблемы, посколькупроверьте тег тела.Я попытался использовать там размещение div id, но не могу заставить его работать.

find("body").append($.timepicker.tpDiv);
$("body").append(this.tpDiv);

Как добавить div без тега body

Answer 1

использовать селектор класса.

<input type="text" style="width: 70px;" id="timepicker.[1]" value="" class="timepicker" />

 <script type="text/javascript">
                $(document).ready(function () {
                    $('.timepicker').timepicker();
                });
            </script>

Answer 2

1. запустите вашу страницу.
2. щелкните правой кнопкой мыши -> inspectelement -> скопировать идентификатор.
3. Теперь вставьте этот идентификатор в ваш код и запустите.

Answer 3

Может быть, вы можете использовать какой-то другой контейнер? как

$("#anyDIV").append()