jQuery中延迟/超时回发的方法?
有没有办法延迟/超时jQuery中listview按钮的回发?我想在回发之前制作淡出动画,当点击按钮时就会触发。有什么想法吗 我的代码:jQuery中延迟/超时回发的方法?,jquery,asp.net,postback,Jquery,Asp.net,Postback,有没有办法延迟/超时jQuery中listview按钮的回发?我想在回发之前制作淡出动画,当点击按钮时就会触发。有什么想法吗 我的代码: $(document).ready(function () { $('.btndown').click(function () { $('.imageset').animate({ 'opacity': 0 }, 1000); }); }); 按钮标记,单击后将返回: <div class="btndown">
$(document).ready(function () {
$('.btndown').click(function () {
$('.imageset').animate({ 'opacity': 0 }, 1000);
});
});
按钮标记,单击后将返回:
<div class="btndown">
<asp:DataPager ID="DataPager2" runat="server" PagedControlID="Listview1" PageSize="3">
<Fields>
<asp:NextPreviousPagerField ButtonType="Image" FirstPageText="" LastPageText="" NextPageImageUrl="~/images/arrowbtndown.png" NextPageText="" PreviousPageText="" ShowPreviousPageButton="False"/>
</Fields>
</asp:DataPager>
</div>
按钮输出:
<input type="image" name="ctl00$ContentPlaceHolder1$DataPager2$ctl00$ctl00" src="images/arrowbtndown.png">
不要使用超时,请使用
//这将阻止在``生成的按钮上触发``回发`。
$('.btndown input')。单击(函数(e){
e、 预防默认值();
});
$('.btndown')。单击(函数(e){
e、 预防默认值();
$('.imageset')。设置动画({
“不透明度”:0
},1000,函数(){
//动画已经完成
//触发'postback'JS函数,不管这是什么。
});
});
根据输出的内容:
<asp:DataPager ID="DataPager2" runat="server" PagedControlID="Listview1" PageSize="3">
<Fields>
<asp:NextPreviousPagerField ButtonType="Image" FirstPageText="" LastPageText="" NextPageImageUrl="~/images/arrowbtndown.png" NextPageText="" PreviousPageText="" ShowPreviousPageButton="False"/>
</Fields>
</asp:DataPager>
将产生不同,因为此输出可能会在单击时立即触发回发。如果您共享最终输出,可能会有更多帮助。编辑
最终解决方案如下:
<script type="text/javascript">
function pageLoad() {
$('.btndown').click(function (e) {
e.preventDefault();
$('.imageset').animate({
opacity: 0
}, 1000, function () {
__doPostBack($('.btndown input').attr('name'), '');
});
});
};
</script>
函数pageLoad(){
$('.btndown')。单击(函数(e){
e、 预防默认值();
$('.imageset')。设置动画({
不透明度:0
},1000,函数(){
__doPostBack($('.btndown input').attr('name'),'');
});
});
};
您的回发看起来像什么?也要提供。回发正在更改listview中的页面。我想在回发之前将其淡出,因为在pageLoad上我有淡出效果,所以这将是一个平滑的淡出/淡出效果。@Ashiv3r:发布按钮标记,n何时返回?最终输出:。不幸的是,您的jQuery也不起作用。我的代码片段只是动画部分,您需要禁用
,然后在我提到的动画完整回调中手动触发回发
函数。我不知道什么javascript事件绑定到
按钮。您需要进一步了解该按钮对JS的作用。您可以通过执行$('.btndown input')来停止它的触发代码>。我需要在回发时传递.btndown name属性,但我不知道如何在uu doPostBack()内完成此操作;
<script type="text/javascript">
function pageLoad() {
$('.btndown').click(function (e) {
e.preventDefault();
$('.imageset').animate({
opacity: 0
}, 1000, function () {
__doPostBack($('.btndown input').attr('name'), '');
});
});
};
</script>