起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2271|回复: 9

[处理中6] css问题

[复制链接]

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
发表于 2016-3-1 21:14:18 | 显示全部楼层 |阅读模式
本帖最后由 zhangql8 于 2016-3-1 21:23 编辑

直接写入的代码css样式可以
<div xid="div1">
   <table xid='table1'>
        <tr>
                <th class="th theven">X</th>
                <th class="th thodd">1</th>
        </tr>
        <tr>
                <th class="th thodd">A</th>
                <td class="td tdeven"><i class="fa icon-ios7-circle-outline"></i></td>
        </tr>
   </table>
   </div>
通过调用js后就不显示样式了
code ='<table xid=\'table1\'><tbody><tr><th class="th theven">X</th><th class="th thodd">1</th></tr><tr><th class="th thodd">A</th><td class="td tdeven"><i class="fa icon-ios7-circle-outline"></i></td></tr></tbody></table>';
div.innerHTML = code;

怎么处理?
代码生成页面后增加了很多代码  __cid="cJNV7Nn" class="cJNV7Nn" id="C6F9B04ECAB00001A7E816203C6019B5_table1" js写入的没有。


2016-03-01_211321.png

无样式

无样式

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-3-2 10:27:29 | 显示全部楼层
你的css样式在什么地方定义的?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
 楼主| 发表于 2016-3-2 10:32:10 | 显示全部楼层
jishuang 发表于 2016-3-2 10:27
你的css样式在什么地方定义的?

和.w文件一起的
2016-03-02_102948.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-3-2 13:14:05 | 显示全部楼层
那就可以,本地测试没问题
        var code = "<table xid='table1'><tbody><tr><th class='th theven'>X</th><th class='th thodd'>1</th></tr><tr><th class='th thodd'>A</th><td class='td tdeven'><i class='fa icon-ios7-circle-outline'></i></td></tr></tbody></table>";
                $(this.getElementByXid("div4")).html(code);

.theven{
         color:red;
}

table.png
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
 楼主| 发表于 2016-3-2 13:20:40 | 显示全部楼层
jishuang 发表于 2016-3-2 13:14
那就可以,本地测试没问题
        var code = "X1A";
                $(this.getElementByXid("div4")).html(code);

是的,使用$(this.getElementByXid("div4")).html(code);可以了。
回复 支持 反对

使用道具 举报

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
 楼主| 发表于 2016-3-2 15:31:25 | 显示全部楼层
本帖最后由 zhangql8 于 2016-3-2 15:33 编辑
jishuang 发表于 2016-3-2 13:14
那就可以,本地测试没问题
        var code = "X1A";
                $(this.getElementByXid("div4")).html(code);

点击选中td单元格变色,在html可以。        
js:
$("table td").click(function(){
                $("table td").removeClass("active");
                $(this).addClass("active");        
        })
css:
table td.active{background:#7eaadb;}
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-3-2 17:17:21 | 显示全部楼层
zhangql8 发表于 2016-3-2 15:31
点击选中td单元格变色,在html可以。        
js:
$("table td").click(function(){

什么意思?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
 楼主| 发表于 2016-3-2 21:43:23 | 显示全部楼层

单击圆圈所在td选中并变色
2016-03-02_214256.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-3-3 13:35:21 | 显示全部楼层
你好楼主,这个问题需要我做一个例子给你,所以会花费较长时间,请你耐心等待,我完成后会第一时间将例子发上来的,谢谢!
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

494

主题

1317

帖子

3275

积分

论坛元老

Rank: 8Rank: 8

积分
3275
QQ
 楼主| 发表于 2016-3-24 14:49:24 | 显示全部楼层
jishuang 发表于 2016-3-3 13:35
你好楼主,这个问题需要我做一个例子给你,所以会花费较长时间,请你耐心等待,我完成后会第一时间将例子发 ...

这个例子做好了吗?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-6 22:20 , Processed in 0.074140 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表