onclick事件后页面保持刷新

时间:2018-01-10 14:49:24

标签: jquery redirect onclick

我有一个目标网页,您可以在其中选择您所在的国家/地区(按钮点击),然后重定向到相应的页面。它还设置了一个cookie,并在您下次登陆页面时记住您的选择

点击进入您选择的页面后,它会一直刷新页面...

我无法理解页面重新加载的来源 - 但我认为它可能来自按钮点击事件。

以下是我正在使用的内容。

            jQuery(window).load(function () {

                        var url = 'http://expatri8.com/';
                        var UK_page = 'UK';
                        var AUS_page = 'AUS';
                        var NZ_page = 'NZ';
                        var ZA_page = 'ZA';

                        if (Cookies.get('default_page') != null) {
                            if (window.location.href != url + '/' + Cookies.get('default_page')) {
                                window.location.href = url + '/' + Cookies.get('default_page');

                            }
                        }

                      jQuery('#set_UK_butt').click(function () {

                            Cookies.set('default_page', UK_page, {expires: 999});
                    //alert('UK');
                          jQuery(location).attr('href', 'http://expatri8.com/UK')
                   //  window.location.replace= 'http://expatri8.com/UK';

                                });

                        jQuery('#set_AUS_butt').click(function () {
                            Cookies.set('default_page', AUS_page, {expires: 999});
                            alert('AUS');
                        });


                        jQuery('#set_NZ_butt').click(function () {
                            Cookies.set('default_page', NZ_page, {expires: 999});
                            alert('NZ');
                        });


               jQuery('#set_ZA_butt').click(function () {
                            Cookies.set('default_page', ZA_page, {expires: 999});
                            alert('ZA');
                        });

             });

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

防止发生默认按钮点击事件(发送请求后)。在你的情况下:

jQuery('#set_ZA_butt').on("click", function (event) {
    event.preventDefault();
    Cookies.set('default_page', ZA_page, {expires: 999});
    alert('ZA');
});

答案 1 :(得分:0)

使用window.location.pathname获取与路径对应的网址部分(没有http / https,没有域,没有查询字符串和没有哈希),因此您可以针对Cookies.get('default_page')进行测试