任何人都可以给我有关如何使其在IE中工作的建议
Can anyone give me suggestions on how to get this to work in ie?
在
Firefox中工作正常,但在IE中什么都不做。
<script type="text/javascript">
$(document).ready(function(){
var links = $('.bound');
var west = $('.west');
var west2 = $('.west2');
var west3 = $('.west3');
var west4 = $('.west4');
west2.hide();
west3.hide();
west4.hide();
links.click(function(event){
west.hide();
west2.hide();
west3.hide();
west4.hide();
west.filter('.' + event.target.id).show();
west2.filter('.' + event.target.id).show();
west3.filter('.' + event.target.id).show();
west4.filter('.' + event.target.id).show();
});
});
</script>
.html
<div class="tabset">
<div id="tab1" class="tab-box">
<div class="form-holder">
<form action="#">
<fieldset>
<label for="lb02"><strong>Choose District:</strong></label>
<select id="lb02">
<option class="bound" id="west">WEST</option>
<option class="bound" id="west2">WEST2</option>
<option class="bound" id="west3">WEST3</option>
<option class="bound" id="west4">WEST4</option>
</select>
</fieldset>
</form>
</div>
<div class="report-box">
<table>
<thead>
<tr>
<td class="name">Name</td>
<td class="department">Department</td>
<td class="title">Title</td>
<td class="district">District</td>
<td class="profile"> </td>
</tr>
</thead>
<tbody>
<tr class="west">
<td>Name1</td>
<td>Dept2</td>
<td>Title2</td>
<td>West</td>
<td><a class="btn-profile" href="#">PROFILE</a></td>
</tr>
<tr class="west2">
<td>Name2</td>
<td>Dept2</td>
<td>Title2</td>
<td>West2</td>
<td><a class="btn-profile" href="#">PROFILE</a></td>
</tr>
</tbody>
</table>
</div>
</div>
不要在option
元素上使用 click
事件,而是在select
元素上使用 change
事件。
var links = $('#lb02'),
wests = $('.west,.west2,.west3,.west4');
wests.not('.west').hide();
links.change(function(event) {
wests.hide().filter('.' + this.options[this.selectedIndex].id).show();
});
可能是因为IE无法识别event.target
,而是使用srcElement
属性。 此外,IE 可能不会将事件参数传递给处理程序,因此您必须获取window.event
。 对于您的点击功能,请尝试:
links.click(function(event){
var e = event || window.event,
et = (e.target) ? e.target : e.srcElement;
west.hide();
west2.hide();
west3.hide();
west4.hide();
west.filter('.' + et.id).show();
west2.filter('.' + et.id).show();
west3.filter('.' + et.id).show();
west4.filter('.' + et.id).show();
});
相关文章:
- Target=_blank don'我不在mozilla和IE工作
- jQUery Code没有'我不在IE工作
- 为什么这个书签脚本是't在IE工作
- 类构造函数super()没有'我不在IE工作
- onmousemove=null不会'我不在IE工作
- execCommand('另存为',true,'data.csv');不在IE工作
- 努力让第n个有悬停的孩子在IE工作
- Javascript Groovy按钮没有'我不在IE工作
- 属性='值'jquery选择没有'我不在IE工作
- atob不在IE工作
- 将图像附加到富文本编辑器dosen'我不在IE工作
- javascript没有'I don’我一直在IE工作
- 使用插件制作移动滑动导航,但它没有'我不在IE工作
- Video.js没有'我不在FF、IE工作
- dojo on.emit”;点击“;以及“;改变“;不在IE工作
- 为什么这个工具提示没有'不在IE工作吗?错误:应为对象
- document.getElementById('a').click()没有't在IE工作
- 插入符号插件的jquery;我不在IE工作
- 聚合物:点击事件在IE工作,但不是Chrome.如何修复
- 如何使IE工作预期与正则表达式提供的函数参数在拆分函数