Question

当弹出窗口出现时，我输入一个值并单击按钮。问题在于，当我点击按钮时，它将加载页面，插入的值将被清除。所以，当我点击按钮时，我想这样做，它不应该触发页面加载，我的按钮点击事件应该触发。

这是一张图片

我的主要问题是当我点击按钮时它会加载页面，我想要停止它并点击我的按钮点击事件。

按钮代码： <asp:Button ID="btnfirstnext" TabIndex="1" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" />

javascript代码 `$（＆＃34; .next1＆＃34;）。click（function（）{ if（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) { lbltry.text="hello this code is not work if i use onclientclick=false"; }

Answer 1

我认为你不应该使用asp.net控件<asp:Button />，因为当OnClick事件被触发时，整个页面将发送回服务器以调用你在后端注册的事件处理程序C＃代码，btnfirstnext_Click方法，所以如果你想要停止重新加载页面，可以用asp:Button或其他html标签替换<a/>控件，并在js代码中编写点击回调函数，也许是这样的：

<!-- html -->
<a id="btnfirstnext" class="next1 action-button">Next</a>

// javascript code
$('#btnfirstnext').click(function(){
    // your logic here
});

顺便说一句，如果您认为javascript代码无法满足您的业务需求，您可以在单击回调函数中发出ajax请求以调用后端方法

希望这有帮助！

当我点击弹出按钮时，它会加载并且我不想要它

1 个答案: