jquery ajax php中 css样式不显示,Chrome浏览器在Ajax同步调用之前不会显示Jquery的动态css Propery更改...
我有如下因素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更改...相关推荐
- CSS样式书写顺序 与 浏览器内部加载原理
CSS加载存在先后顺序,不严谨的书写顺序将会导致界面出现偏差.并且正确的书写顺序也可以提高代码的可读性. 正确的排序方式如下: (1)定位属性:position display float left ...
- 【Vue+Echarts】Vue中Echarts图表的使用(三)—— 组件模块调用不同类型的Echarts图表(动态图表生成)
这节也是这个系列最后的一篇文章了. 第二篇文章,将Echarts封装成了组件,在使用的时候,只需将ChartsOption传递进去即可,同时,提供了监听事件,当Option发生变化时,会刷新图表. 因 ...
- 初始化css样式代码、颜色、字体、浮动与清除浮动、显示、定位、盒子模型、按钮禁用、CSS画圆半圆扇形三角梯形
顔色 sass顔色变量声明 在vue中声明颜色变量时需要在 vue.config.js 里面增加如下配置. module.exports = { // ... css: { sourceMap: tr ...
- CSS样式如何解决IE浏览器不同版本的兼容问题
如果你想让浏览器是固定的IE6版本,那么你做网页的时候在<head>后面加上一句话: <meta http-equiv="X-UA-Compatible" con ...
- easyui onclickrow 中获取列名_获取Chrome浏览器历史浏览记录实例
1.获取谷歌浏览器浏览历史保存位置,并拷贝一份到操作目录下2.找到浏览记录文件 "History"3.将"History"文件导出到其他目录下4.查看数据库ta ...
- 使用puppeteer启动并最大化显示Chrome浏览器
上一篇讲了如何用React使用puppeteer实现e2e自动化测试,本篇继续讲解puppeteer使用过程遇到的问题及解决方法.使用puppeteer默认启用浏览器的尺寸为 800x600,那么如何 ...
- 【解决办法】eclipse中的jsp文件修改,浏览器没有自动同步更新,而是需要重启tomcat才能更新
有时候我们在eclipse中的jsp文件修改了但是在刷新页面是缺没有更新了,这个问题虽然是个小问题但是也是很让人头疼,今天小编就给大家讲讲如果你有这个的问题怎么处理!! 第一步:首先看看你tomcat ...
- chrome浏览器解决ajax跨域问题
方法一 1.右键谷歌快捷方式,选择"属性". 2.打开属性窗口,切换到"快捷方式"选项卡. 3.在目标路径的后面添加[ --disable-web-securi ...
- MAC 中selenium、webdriver打开Chrome浏览器闪退问题(版本号一致)
使用selenium.webdriver打开谷歌浏览器,登录页面后闪退,但是版本号是对应的,是因为driver的全局变量问题 1.不设置driver为全局,放在函数内(会闪退) from seleni ...
最新文章
- fond+html属性,JQuery 干货篇之选择元素
- sql 注入 相关函数
- 如何在 IntelliJ IDEA 中快速生成 JavaDoc 注释模板
- 网站程序IIS布署问题备忘录
- Hadoop入门(十一)Mapreduce的InputFomrat各种子类
- bzoj2938: [Poi2000]病毒
- Python中操控ssh和sftp
- CentOS Postfix 安装构架全解
- 2月1日:成都力争3年建237个养老院全覆盖社区养老
- win10家庭版开启组策略方法
- 路由器修改dns服务器,路由器DNS怎么设置如何修改路由器DNS服务器地址
- Springboot集成Mybatis怎么在控制台打印sql语句
- 在‘句子迷’爬取网友总结的方文山歌词并作词频统计
- Egret 利用ImageLoader加载服务器图片
- 【图解版】深入web请求过程
- 通达OA工作流-流程设计
- python绘制三维曲线图_机器学习的绘图库有哪些?如何运用python绘制机器学习常见曲线?...
- 如何实现在线文档?Vue+SpreadJS组合拳出击
- java实现手机扫二维码登陆
- PHS定位技术及业务应用研究(图)
热门文章
- mmap函数_Linux内存映射mmap原理分析
- 数学建模学习笔记(十)——时间序列模型
- Python数模笔记-模拟退火算法(4)旅行商问题
- php配置email支持_使用PHPMailer实现PHP发邮件功能
- 罗盘时钟编码代码_安全研究 | 利用macOS Dock实现代码的持久化执行
- python 取整_马克的Python学习笔记#数字,日期和时间
- java 正则首位8或者9的8位数字_正则简单手机号和邮箱练习
- centos下mysql 命令_CentOS下mysql数据库常用命令总结
- Jmeter之测试片段和模块控制器应用
- 2016年下半年《软件评测师》下午试卷及答案