我有如下因素HTML节点:

上的click事件会触发聊天对象的方法

this.addUser = function(trigger_node, id, is_silent, session, show_block_message){

if(trigger_node){

this.bk_trigger_node.html = trigger_node.innerHTML;

this.bk_trigger_node.cn = trigger_node.className;

trigger_node.innerHTML = '';

jQuery(trigger_node).addClass("loader");

jQuery(trigger_node).removeClass("bpurple");

jQuery(trigger_node).removeClass("bgray");

jQuery(trigger_node).removeClass("button");

}

//alert('if this is executed then it displays the previous changes of the node');

if(trigger_node.innerHTML == ''){

this.addUserToChat(id, is_silent, session, show_block_message);

}

if(trigger_node){

trigger_node.innerHTML = this.bk_trigger_node.html;

trigger_node.className =this.bk_trigger_node.cn;

}

}

addUserToChat():

this.addUserToChat = function (id, is_silent, session, show_block_message){

var response = this.chat_tabs.addTab(id, null);

if(response.error){

callUrl("/me/chat/remove-session/id/"+id);

this.chat_tabs.removeTab(id);

if(show_block_message) alert(response.message);

}else{

this.createTabsBar();

if(!is_silent){

this.switchTab(id);

this.resetContainer(is_silent);

}

if(id == this.chat_tabs.active_tab){

this.active_chat_obj.refresh(session);

}

if(this.closed){

if(this.stop_check){

return;

}

this.resetContainer();

this.switchTab(id);

}

callUrl("/me/chat/add-session/id/"+id);

}

}

chat_tabs.addTab():

// creates and adds the a tab

this.addTab = function(id,name,user_data,session){

var exists = this.getTab(id);

if(!exists){

if(session){

var user_session_id = session.id;

var user_session_data = session.data;

}else{

var session = this.createSession(id);

if(session.error){

return session;

}

var user_session_id = session.id;

var user_session_data = session.data;

}

if(name){

var user_name = name;

}else{

var user_name = this.getName(id);

}

if(user_data){

var user_data = user_data;

}else{

var user_data = this.getData(id);

}

var ob = new Object({

user_id: id,

user_name: user_name,

user_data: user_data,

user_session_id: user_session_id,

user_session_data: user_session_data,

has_new:false,

chat_screen: new ChatScreen(session, id, user_name, user_data, this.main_user_id, this.main_user_photo)

});

this.chat_users.push(ob);

return ob;

}else{

return exists;

}

}

callUrl():

function getUrl(url){

return jQuery.ajax({ type: 'GET', url: url, async: false }).responseText;

}

的一点是,该方法addUserToChat()包含syncronous Ajax调用。

Chrome的问题在于trigger_node更改未显示。如果你用内置的JS debuger观看,那么即使在显示的情况下也可以正常运行。同样,如果你取消注释。

它在Mozilla(最新版本)上运行.Crome也是最新版本。 我可以观察到,它在等待ajax响应的时候,页面对诸如悬停,提示等事件没有响应。

您对此有何建议?我怎样才能实现一个workarround方法?

jquery ajax php中 css样式不显示,Chrome浏览器在Ajax同步调用之前不会显示Jquery的动态css Propery更改...相关推荐

  1. CSS样式书写顺序 与 浏览器内部加载原理

    CSS加载存在先后顺序,不严谨的书写顺序将会导致界面出现偏差.并且正确的书写顺序也可以提高代码的可读性. 正确的排序方式如下: (1)定位属性:position display float left ...

  2. 【Vue+Echarts】Vue中Echarts图表的使用(三)—— 组件模块调用不同类型的Echarts图表(动态图表生成)

    这节也是这个系列最后的一篇文章了. 第二篇文章,将Echarts封装成了组件,在使用的时候,只需将ChartsOption传递进去即可,同时,提供了监听事件,当Option发生变化时,会刷新图表. 因 ...

  3. 初始化css样式代码、颜色、字体、浮动与清除浮动、显示、定位、盒子模型、按钮禁用、CSS画圆半圆扇形三角梯形

    顔色 sass顔色变量声明 在vue中声明颜色变量时需要在 vue.config.js 里面增加如下配置. module.exports = { // ... css: { sourceMap: tr ...

  4. CSS样式如何解决IE浏览器不同版本的兼容问题

    如果你想让浏览器是固定的IE6版本,那么你做网页的时候在<head>后面加上一句话: <meta http-equiv="X-UA-Compatible" con ...

  5. easyui onclickrow 中获取列名_获取Chrome浏览器历史浏览记录实例

    1.获取谷歌浏览器浏览历史保存位置,并拷贝一份到操作目录下2.找到浏览记录文件 "History"3.将"History"文件导出到其他目录下4.查看数据库ta ...

  6. 使用puppeteer启动并最大化显示Chrome浏览器

    上一篇讲了如何用React使用puppeteer实现e2e自动化测试,本篇继续讲解puppeteer使用过程遇到的问题及解决方法.使用puppeteer默认启用浏览器的尺寸为 800x600,那么如何 ...

  7. 【解决办法】eclipse中的jsp文件修改,浏览器没有自动同步更新,而是需要重启tomcat才能更新

    有时候我们在eclipse中的jsp文件修改了但是在刷新页面是缺没有更新了,这个问题虽然是个小问题但是也是很让人头疼,今天小编就给大家讲讲如果你有这个的问题怎么处理!! 第一步:首先看看你tomcat ...

  8. chrome浏览器解决ajax跨域问题

    方法一 1.右键谷歌快捷方式,选择"属性". 2.打开属性窗口,切换到"快捷方式"选项卡. 3.在目标路径的后面添加[ --disable-web-securi ...

  9. MAC 中selenium、webdriver打开Chrome浏览器闪退问题(版本号一致)

    使用selenium.webdriver打开谷歌浏览器,登录页面后闪退,但是版本号是对应的,是因为driver的全局变量问题 1.不设置driver为全局,放在函数内(会闪退) from seleni ...

最新文章

  1. fond+html属性,JQuery 干货篇之选择元素
  2. sql 注入 相关函数
  3. 如何在 IntelliJ IDEA 中快速生成 JavaDoc 注释模板
  4. 网站程序IIS布署问题备忘录
  5. Hadoop入门(十一)Mapreduce的InputFomrat各种子类
  6. bzoj2938: [Poi2000]病毒
  7. Python中操控ssh和sftp
  8. CentOS Postfix 安装构架全解
  9. 2月1日:成都力争3年建237个养老院全覆盖社区养老
  10. win10家庭版开启组策略方法
  11. 路由器修改dns服务器,路由器DNS怎么设置如何修改路由器DNS服务器地址
  12. Springboot集成Mybatis怎么在控制台打印sql语句
  13. 在‘句子迷’爬取网友总结的方文山歌词并作词频统计
  14. Egret 利用ImageLoader加载服务器图片
  15. 【图解版】深入web请求过程
  16. 通达OA工作流-流程设计
  17. python绘制三维曲线图_机器学习的绘图库有哪些?如何运用python绘制机器学习常见曲线?...
  18. 如何实现在线文档?Vue+SpreadJS组合拳出击
  19. java实现手机扫二维码登陆
  20. PHS定位技术及业务应用研究(图)

热门文章

  1. mmap函数_Linux内存映射mmap原理分析
  2. 数学建模学习笔记(十)——时间序列模型
  3. Python数模笔记-模拟退火算法(4)旅行商问题
  4. php配置email支持_使用PHPMailer实现PHP发邮件功能
  5. 罗盘时钟编码代码_安全研究 | 利用macOS Dock实现代码的持久化执行
  6. python 取整_马克的Python学习笔记#数字,日期和时间
  7. java 正则首位8或者9的8位数字_正则简单手机号和邮箱练习
  8. centos下mysql 命令_CentOS下mysql数据库常用命令总结
  9. Jmeter之测试片段和模块控制器应用
  10. 2016年下半年《软件评测师》下午试卷及答案