javascript – 如何确保始终禁用链接的默认操作？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何确保始终禁用链接的默认操作？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1265字，纯文字阅读大概需要2分钟。

内容图文

我正在开发一个项目,我正在使用大量的ajax调用来使网站交互更加优雅.我一直在使用的过程是获得脚本的链接,该脚本执行在链接标记中存储为href的相应操作.然后我使用jquery来定位该元素并禁用默认操作并执行ajax调用.

问题是,在用户点击链接之前,$(document).ready()函数有时无法正确执行或延迟执行.这导致页面通过正常的浏览器加载打开.

我已经实现了代码,用于检测代码是通过ajax还是通过浏览器执行,所以所有这些都是加载空白页面.在某些情况下,我可以让它检测执行类型并以不同的方式响应,但在其他情况下,如果它不是由ajax执行则会导致问题.

有没有办法确保链接的默认操作始终被禁用,无论页面的加载进度如何,或者是否有比我正在采用的方法更好的方法？

解决方法:

您可以在全局范围内运行代码,只需将JS代码块放在您正在使用的DOM元素(链接)之后.这样您就不依赖于事件处理程序来触发.在结束之前放置代码块< / body>标签是个好地方.

    <a class="my-links" href="/path/to/server-side.***"></a>
    <script>
    function myFunc () {
        $.ajax({
            url     : $(this).attr('href'),//use the href attribute for the link clicked as the URL for the AJAX request
            type    : 'get',
            success : function (serverResponse) {
                alert('Success');
            },
            error   : function () {
                alert('Error');
            }
        });

        //in a jQuery event handler, returning false is the same as calling: event.preventDefault(); event.stopPropagation()
        return false;
    }
    $('.my-links').bind('click', myFunc);
    </script>

</body>

内容总结

以上是互联网集市为您收集整理的javascript – 如何确保始终禁用链接的默认操作？全部内容，希望文章能够帮你解决javascript – 如何确保始终禁用链接的默认操作？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端