a 标签在ie中jquery a标签不能点击击

当前访客身份:游客 [
不要只看到别人取得的成就,而看不见他们洒在键盘上的泪水。
:引用来自“别碰我丿脏”的评论兄弟,能不能提供以...
:兄弟,能不能提供以下完整的项目呢
:引用来自“风声云起”的评论没明白。现在回头看,...
:没明白。
:引用来自“璨er”的评论谢谢 客气!朋友!
:学习了!
:发过去的请求method自动变成了OPTIONS, 最后改成...
:引用来自“leehark”的评论 这个数据库是什么?M...
:这个数据库是什么?MySQL?
今日访问:1
昨日访问:52
本周访问:220
本月访问:979
所有访问:19888
解决ie和火狐下a标签同时触发两个事件问题
发表于3年前( 10:33)&&
阅读(498)&|&评论()
0人收藏此文章,
1.原来标签&li&&span&&a href=&menu/show.shtml?id=third& class=&iconThrid& id=&thrid& target=&leftFrame&&HTTP检查&/a&&/span&&/li&
2.然后自定义一个标签&a href=&$!root/manager/httpcheck/getchart.shtml& id=&mya&&&/a&
实现点击HTTP检查a标签时同时触发两个请求。
注意:自定义个标签必须是在页面上写好的,不能用var a=document.creatElement(&a&)生成,否则ie实现不了;
&script& &&& &&& &&& &&& &&& document.getElementById(&thrid&).onclick=function(e){
&&& &&& &&& &&& &&& &&& var a = document.getElementById(&mya&);
&&& &&& &&& &&& &&& &&& a.href = &$!root/manager/httpcheck/getchart.shtml&;
&&& &&& &&& &&& &&& &&& a.target = &mainFrame&;
&&& &&& &&& &&& &&& &&& if (document.all) {
&&& &&& &&& &&& &&& &&& &&& // For IE
&&& &&& &&& &&& &&& &&& &&& a.click();
&&& &&& &&& &&& &&& &&& } else if (document.createEvent) {
&&& &&& &&& &&& &&& &&& && &&& //FOR DOM2
&&& &&& &&& &&& &&& &&& &&& var ev = document.createEvent('MouseEvents');
&&& &&& &&& &&& &&& &&& &&&& ev.initEvent('click', false, true);
&&& &&& &&& &&& &&& &&& &&&& a.dispatchEvent(ev);
&&& &&& &&& &&& &&& &&& }
&&& &&& &&& &&& &&& }
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读ie下a标签下若有内容不可点击
先上代码!
class="img"&hahahah&/div&
href=""&&/a&
& & position:
& & width: 100
& & height: 100
& & display:
& & width: 100
& & height: 100
& & border: 1px solid
& & position:
& & top: 0
结果发现:
1、如果a标签是空的,那么如果出现在它下面没有内容,则a标签不可点击;
2、如果a标签有内容,有内容的地方是可以点击的,没有内容的地方参见1。
解决方法:给a标签设置背景,背景色也好,或者引一张图片(background: url(#);这样也行)
最后一句:蛋疼的ie!
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。后使用快捷导航没有帐号?
只需一步,快速开始
查看: 3344|回复: 6
关A标签的可点击区域问题
UID496710在线时间 小时积分10151帖子离线16703 天注册时间
问题原因及解决方法在2楼,一楼只是问题描述
一般的A作为行内元素,只有点击内容,才可以触发相应的链接
如果给A一个display:就可以获得整个块的点击区域
而ie里还需要显示的设置宽、高,比如给一个width:200height:100的属性
但是我遇到一个问题,就是按上面设置之后,ie中仍然无法通过点击200*100区域,来触发链接,只能通过文字内容来触发链接
后来我发现是因为在a中加入了position:的缘故
如果我再给A一个background属性就可以获得200*100的点击区域,
但是问题来了,有时候我需要A的背景是透明的,所以很尴尬
代码类似这样:
&a href=&#& style=&width:200height:100display:border:1&&在圈内就有效果&/a&
&a href=&#& style=&width:200height:100display:border:1position:&&点文字才可以激活链接有效果&/a&复制代码
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&a href=&#& style=&width:200height:100display:border:1&&在圈内就有效果&/a&
&a href=&#& style=&width:200height:100display:border:1position:&&点文字才可以激活链接有效果&/a&
&提示:您可以先修改部分代码再运行
[[i] 本帖最后由 waterisi 于
14:25 编辑 ]
UID496710在线时间 小时积分10151帖子离线16703 天注册时间
写着写着突然有了点想法
我发现这个问题主要是因为
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&复制代码
这个名字空间,我更换了所有名字空间,都没有效果
只要把这行去掉,A就可以在200*100的区域内获得链接触发效果
===========================================
突发奇想:我尝试做一个足够大的透明gif图片,给A加上这个透明图片背景,background:url(bg.gif) no-
结果问题就可以解决了
===========================================
深入:我发现只要随便给A指定一个不存在的背景,就可以获得完整的200*100点击区域
UID503107在线时间 小时积分4220帖子离线16703 天注册时间
金牌会员, 积分 4220, 距离下一级还需 780 积分
解决一个问题有2种方法.如下↓
1.在ps里创建一个透明背景图片,随便切一点下来.然后a{background:url(xxxxx.png)}
2.在有position:的a标签外面在嵌套一个div就解决了.
建议第二个方法..
这种现象是因为ie6会触发一个layout
[[i] 本帖最后由 rao3324180 于
14:29 编辑 ]
UID496710在线时间 小时积分10151帖子离线16703 天注册时间
&div&
&a href=&#& style=&width:200height:100display:border:1position:&&点文字才可以激活链接有效果&/a&
&/div&复制代码
类似于这样?
我这试了不行啊?你这样测试的时候,给文档加名字空间了么
还是我这样嵌套的不对?
UID503107在线时间 小时积分4220帖子离线16703 天注册时间
金牌会员, 积分 4220, 距离下一级还需 780 积分
原帖由 [i]waterisi 于
14:43 发表
点文字才可以激活链接有效果
类似于这样?
我这试了不行啊?你这样测试的时候,给文档加名字空间了么
还是我这样嵌套的不对?
给外面的div再加上a标签的宽高
UID558459在线时间 小时积分68帖子离线16703 天注册时间
初级会员, 积分 68, 距离下一级还需 132 积分
我在各浏览器里试了下& &,,,,,没反应啊
UID381636在线时间 小时积分16845帖子离线16703 天注册时间
display:inline-width:200height:100
这样整个区域都是可点击的,各个“主流浏览器”下。
另外,position:会自动让元素变为块级,这些都是常态,不知道楼主怎么就发现这么多问题了。
Powered by

我要回帖

更多关于 js a标签不能点击 的文章

 

随机推荐