Jquery JQ压延机在第二次回发之前不工作
JQuery出现问题,在单击按钮打开编辑项模板后启动另一次回发之前,JQuery不会加载 日历控件位于UpdatePanel、ContentTemplate、ListView和EditItemTemplate中 下面是我编写的一些sudoesq代码,它演示了我的代码的结构 如果有人对以下示例中的Date为什么在调用DDL autopostback之前不加载Calendar jQuery有任何理论或答案,那将是一个很大的帮助 进一步澄清,这在原始代码片段中并不清楚,SelectedItem中有一个命令按钮,用于打开选定的EditItem,其中有问题的日历功能在回发之前不起作用。页面的这一部分在开始时没有加载,我不认为它已折叠 先谢谢你Jquery JQ压延机在第二次回发之前不工作,jquery,asp.net,Jquery,Asp.net,JQuery出现问题,在单击按钮打开编辑项模板后启动另一次回发之前,JQuery不会加载 日历控件位于UpdatePanel、ContentTemplate、ListView和EditItemTemplate中 下面是我编写的一些sudoesq代码,它演示了我的代码的结构 如果有人对以下示例中的Date为什么在调用DDL autopostback之前不加载Calendar jQuery有任何理论或答案,那将是一个很大的帮助 进一步澄清,这在原始代码片段中并不清楚,SelectedItem中有一个
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent">
<script src="/Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script>
<script src="/Scripts/calendar-en.min.js" type="text/javascript"></script>
<link href="/Styles/calendar-blue.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("#Date").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",`enter code here`
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
$("#Date2").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
});
<asp:UpdatePanel>
<ContentTemplate>
<asp:ListView>
<EditItemTemplate>
<asp:TextBox ID="Date"/>
<asp: DropDownList ID="DDL" AutoPostBack="True">
<asp:ListItem Value="0"> Option 1 </asp:ListItem>
<asp:ListView Value="1"> Option 2 </asp:ListItem>
</asp:DropDownList>
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="Date2"/>
<asp: DropDownList ID="DDL2" AutoPostBack="True">
<asp:ListItem Value="0"> Option 1 </asp:ListItem>
<asp:ListView Value="1"> Option 2 </asp:ListItem>
</asp:DropDownList>
</InsertItemTemplate>
<ItemTemplate>
</ItemTemplate>
<SelectedItemTemplate>
<asp:Button ID="btn1" CommandName="OpenEdit"/>
</SelectedItemTemplate>
</asp:ListView>
</ContentTemplate>
</UpdatePanel>
</Content>
$(函数(){
$(“#日期”).DynDatime({
showsTime:是的,
iFormat:“%Y/%m/%d%H:%m”,
daFormat:“%l;%M%p,%e%M,%Y”`在此处输入代码`
对齐:“BR”,
电气:错,
单击:false,
显示区域:“.sibles('.dtcDisplayArea')”,
按钮:“.next()”
});
$(“#日期2”).DynDatime({
showsTime:是的,
iFormat:“%Y/%m/%d%H:%m”,
数据格式:“%l;%M%p,%e%M,%Y”,
对齐:“BR”,
电气:错,
单击:false,
显示区域:“.sibles('.dtcDisplayArea')”,
按钮:“.next()”
});
});
选择1
选择2
选择1
选择2
试试这个,这样可以解决问题。将以下代码段放入脚本块中:
$(function () {
$("#Date").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",`enter code here`
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
$("#Date2").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
// re-bind your jQuery events here
$("#Date").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",`enter code here`
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
$("#Date2").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
});
上面是带有更新面板的jQuery代码的解析。回发后需要重新初始化它们
如果您认为这是解决方案,请将其标记为答案。:) UpdatePanel可能有问题,一旦删除它,插件肯定会工作。因此,您需要重新初始化日历插件。Hmmm-正确的先生,这些属性导致了问题?