2016-05-06 93 views
1

喜FRENDS我有这个按钮,它的按钮点击不工作onclick事件不工作asp.net

<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" OnClientClick="return false;" /> 

在这里,我使用JavaScript喜欢

$(".next1").click(function() { 
      if (animating) return true; 
      animating = true; 

      current_fs = $(this).parent(); 
      next_fs = $(this).parent().next(); 

      //activate next step on progressbar using the index of next_fs 
      $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active"); 

      //show the next fieldset 
      next_fs.show(); 

      //hide the current fieldset with style 
      current_fs.animate({ opacity: 0 }, { 
       step: function (now, mx) { 
        //as the opacity of current_fs reduces to 0 - stored in "now" 
        //1. scale current_fs down to 80% 
        scale = 1 - (1 - now) * 0.2; 
        //2. bring next_fs from the right(50%) 
        left = (now * 50) + "%"; 
        //3. increase opacity of next_fs to 1 as it moves in 
        opacity = 1 - now; 
        current_fs.css({ 'transform': 'scale(' + scale + ')' }); 
        next_fs.css({ 'left': left, 'opacity': opacity }); 
       }, 
       duration: 800, 
       complete: function() { 
        current_fs.hide(); 
        animating = false; 
       }, 
       //this comes from the custom easing plugin 
       easing: 'easeInOutBack' 
       // $('btnfirstnext').trigger('click'); 

      }); 
     }); 

,我想运行按钮一些代码像

protected void btnfirstnext_Click(object sender, EventArgs e) 
    { 
     lblmessage.text="Hello this button click working"; 

    } 

这里clickevent你可以看到这上面的细节,当我加载此代码运行它只有JavaScript但不是w ^单击按钮单击事件。而这个JavaScript是一个弹出窗口。请帮我解决这个问题。

回答

1

OnClientClick返回false,如果您从OnClientClick javascript事件处理函数返回false,那么您将不会回发帖子,如果您始终需要回发,则可以返回true。否则,您可以有条件地返回true或false。

只能使用jQuery的click事件处理程序,你必须和删除OnClientClick

+0

如果我删除OnClientClick =“返回false;”比我的网页将被加载,并不想要它,因为它打开一个弹出时,我点击按钮。 –

0

试试这个:

$(document).ready(function(){ 
    $(".next1").click(function() { 

    //Your Code here 


    }); 
}); 

,并删除它:OnClientClick="return false;"

+0

如果我删除OnClientClick =“返回false;”比我的网页将被加载,并不想要它,因为它打开一个弹出时,我点击按钮。 –

2

请在ASPX删除OnClientClick="return false;"一部分。我怀疑它阻止了回发。

+0

如果我删除OnClientClick =“返回false;”比我的网页将被加载,并不想要它,因为它打开一个弹出时,我点击按钮。 –

0

您需要在您的asp:Button中删除OnClientClick="return false;"。它阻止了你的回传。您的按钮将需要看起来像这样:

<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" /> 

我只会利用click事件处理程序的处理这个问题。我还会添加document ready部分:

$(document).ready(function() { 
    $(".next1").click(function() { 
      // Add the rest of your code 
    }); 
}); 

我希望这有助于。

0
<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click"; /> 

您必须删除OnClientClick =“return false;”。