时间戳

首页 > 解决方案 > jquery 函数在单击事件中无法正常工作

jquery - jquery 函数在单击事件中无法正常工作

问题描述

我有一个名为 server 的函数

 function server(){
  return ajax();
 }

当点击事件被调用时

 $("button").click(function(){
 var self = $(this);
 self.html('<span>Loading</span>');
 server({
 url:url,
 success: function(){
 self.html('Click Me');
 }
 });
 });

在 Firefox 浏览器Buttonhtml 中设置Loading text和运行良好的服务器功能

但是在 Chrome 浏览器Button中 html 没有改变当然可以很好地运行服务器功能

可能是什么原因？

编辑：（更多信息）

在服务器函数中设置 Button html after successor errorstatus

 function server(options){
  return ajax({
  user: options.url,
 success: function(){
 options.success();
 }

}); }

标签： jqueryajaxfunctioneventsclick

解决方案

检查如下，它在浏览器 chrome 和 firefox 中都按预期工作：

    //HTML
    
    <button>clickMe</button>
    
    //JS
<script>
        function server(url){
          console.log('called',url);
         }
         
         $("button").click(function(){
            var url = "https://google.com"
             var self = $(this);
             self.html('<span>Loading</span>');
             server(url);
         });
</script>

推荐阅读