Internet Explorer中的jquery问题[英] jquery problem in Internet Explorer

本文是小编为大家收集整理的关于Internet Explorer中的jquery问题的处理方法,想解了Internet Explorer中的jquery问题的问题怎么解决?Internet Explorer中的jquery问题问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我正在尝试通过 JQuery 在数据列表中滑动.它在 Mozilla、Chrome
中工作但它在 IE 中不起作用.数据列表的所有内容都垂直显示.但我希望水平显示这在 Mozila、Chrome 但不是在 IE 中发生.我正在尝试这样...

脚本:-

<脚本 type="text/javascript" src="js/jquery-1.4.2.min.js"></script><脚本 type="text/javascript" src="js/jquery.tinycarousel.min.js"></script><脚本 type="text/javascript">$(文档).ready(函数(){$('#slider1').tinycarousel();});</script>

HTML:-

<div id="slider1"><a class="buttons1 prev"  href="#">left</a><div ="视口"><asp:DataList ID="DataList1" CssClass="数据列表" runat="server"  RepeatLayout="Flow" RepeatDirection="水平"跨度> ><HeaderTemplate><ul ="概述"></HeaderTemplate><ItemTemplate><li><表格><tr><td ="链接"><asp:HyperLink ID="hprJobtitle" runat="服务器" 目标="_blank" 文本='<%#Eval("Job_Title") %>'  CssClass="链接" 字体大小="14px" NavigateUrl='<%#Eval("Job_id","JobSummary.aspx?ID={0}") %>' ForeColor="蓝色"></asp:HyperLink><asp:Label ID="Label9" runat="服务器" 文本="(" 字体大小="11px"></asp:Label><asp:Label ID="Label6" runat="服务器" 文本='<%#Eval("Experience_Min") %>' 字体大小="11px"></asp:Label>-<asp:Label ID="Label7" runat="服务器" 文本='<%#Eval("Experience_Max") %>' 字体大小="11px"></asp:Label><asp:Label ID="Label8" runat="服务器" 文本="yrs)" 字体大小="11px"></asp:Label></td></tr><tr><td><asp:Label ID="Label3" runat="服务器" 文本='<%#Eval("CompanyName") %>' ForeColor="#669900"></asp:Label></td></tr><tr><td><asp:Label ID="Label5" runat="服务器" 文本='<%#Eval("CompanyProfile") %>' 字体大小="12px"></asp:Label></td></tr><tr><td align="right"><asp:HyperLink ID="HyperLink2" runat="服务器" 目标="_blank" 文本=">>阅读更多"  CssClass="links" 字体大小="10px" NavigateUrl='<%#Eval("Job_id","JobSummary.aspx?ID={0}") %>' ForeColor="蓝色"></asp:HyperLink></td></tr></table></li></ItemTemplate><FooterTemplate></ul></FooterTemplate></asp:DataList></div><a class="按钮下一步" href="#">right</a>




CSS:-

#slider1 { height: 100%; 溢出:span>hidden; padding: 0 0 10px; }#slider1 .viewport { float: left; width:650px; 高度: 150px; 溢出: hidden; position: 相对; 背景色:白色 }#slider1 .buttons1 { 背景:url("../Images/hjbtn_lftInactive.png")无重复滚动 0 0 透明; 显示: 块; margin: 35px 0px0 0; 背景位置: 0-38px; 文本缩进: -999em; 浮动:左;span> 溢出:隐藏; 位置: 静态; }#slider1 .按钮 { 背景:url("../Images/hjbtn_rgtActive.png") 无重复滚动 0 0 透明; 显示:块; margin: 35px 0px 0 0; 背景位置: 0 -38px; 文本缩进: -999em; float: left; 溢出:隐藏; 位置: 相对的; }#slider1 .下一个 { 背景位置: 0 0; 高度:100px; 宽度:27px }#slider1 .prev { 背景位置: 0 0; 高度:100px; 宽度:27px }#slider1 .禁用 { 可见性: hidden; }#slider1 .概述 { 列表样式: none; 位置: absolute; padding: 0; 边距: 0; 宽度: 240px; left: 0; top: 0; }#slider1 .概述 li{ float: left; margin: 0 20px 0 0; 填充: 1px; 高度: 121px; 宽度: 236px;}
解决方案
(document).ready(function(){

('#slider1').tinycarousel();});</script>

HTML:-

<div id="slider1"><a class="buttons1 prev"  href="#">left</a><div ="视口"><asp:DataList ID="DataList1" CssClass="数据列表" runat="server"  RepeatLayout="Flow" RepeatDirection="水平"跨度> ><HeaderTemplate><ul ="概述"></HeaderTemplate><ItemTemplate><li><表格><tr><td ="链接"><asp:HyperLink ID="hprJobtitle" runat="服务器" 目标="_blank" 文本='<%#Eval("Job_Title") %>'  CssClass="链接" 字体大小="14px" NavigateUrl='<%#Eval("Job_id","JobSummary.aspx?ID={0}") %>' ForeColor="蓝色"></asp:HyperLink><asp:Label ID="Label9" runat="服务器" 文本="(" 字体大小="11px"></asp:Label><asp:Label ID="Label6" runat="服务器" 文本='<%#Eval("Experience_Min") %>' 字体大小="11px"></asp:Label>-<asp:Label ID="Label7" runat="服务器" 文本='<%#Eval("Experience_Max") %>' 字体大小="11px"></asp:Label><asp:Label ID="Label8" runat="服务器" 文本="yrs)" 字体大小="11px"></asp:Label></td></tr><tr><td><asp:Label ID="Label3" runat="服务器" 文本='<%#Eval("CompanyName") %>' ForeColor="#669900"></asp:Label></td></tr><tr><td><asp:Label ID="Label5" runat="server" Text='<%#Eval("CompanyProfile") %>' Font-Size="12px"></asp:Label></td></tr><tr><td align="right"><asp:HyperLink ID="HyperLink2" runat="server" Target="_blank" Text=">>read more"  CssClass="links" Font-Size="10px" NavigateUrl='<%#Eval("Job_id","JobSummary.aspx?ID={0}") %>' ForeColor="Blue"></asp:HyperLink></td></tr></table></li></ItemTemplate><FooterTemplate></ul></FooterTemplate></asp:DataList></div><a class="buttons next" href="#">right</a>




CSS:-

#slider1 { height: 100%; overflow:hidden; padding: 0 0 10px;   }#slider1 .viewport { float: left; width:650px; height: 150px; overflow: hidden; position: relative; background-color:White }#slider1 .buttons1 { background:url("../Images/hjbtn_lftInactive.png") no-repeat scroll 0 0 transparent; display: block; margin: 35px 0px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; overflow: hidden; position: static; }#slider1 .buttons { background:url("../Images/hjbtn_rgtActive.png") no-repeat scroll 0 0 transparent; display: block; margin: 35px 0px 0 0; background-position: 0 -38px; text-indent: -999em; float: left;  overflow: hidden; position: relative; }#slider1 .next { background-position: 0 0;  height:100px; width:27px  }#slider1 .prev { background-position: 0 0;  height:100px; width:27px  }#slider1 .disable { visibility: hidden; }#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 236px;}

Check the which IE version you are using. The older IEs doesn''t support the HTML5. You''ve to make provision for that in your code.

For more details :

Making html5 work in old versions of Explore[^]

本文地址:https://www.itbaoku.cn/post/1355940.html