Hello friends, I'm facing an issue with a button where the click event is not working properly.
<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" OnClientClick="return false;" />
In my code, I have implemented JavaScript like this:
$(".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;
},
easing: 'easeInOutBack'
// $('btnfirstnext').trigger('click');
});
});
I also have some C# code that I want to run when the button is clicked:
protected void btnfirstnext_Click(object sender, EventArgs e)
{
lblmessage.text="Hello this button click working";
}
Upon testing, only the JavaScript part seems to be functioning, while the button click event does not work as expected. The JavaScript is related to a popup functionality. Any assistance in resolving this issue would be greatly appreciated.