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不是很熟悉，但我认为这些行会导致问题，因为它们检查了body标签。我尝试在那里使用div id，但无法让它工作。

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

如何附加没有正文标记的div

Answer 1

可能你可以使用其他一些容器吗？像

$("#anyDIV").append()

Answer 2

使用类选择器。

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

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

Answer 3

1.运行你的页面。
2.right click - ＆gt; inspectelement - ＆gt;复制ID。
3.现在在您的代码中粘贴该ID并运行。

jQuery日期选择器不在内容页面中工作

3 个答案: