javascript-更改IE 7和6上的href时出现的Fancybox问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-更改IE 7和6上的href时出现的Fancybox问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1585字,纯文字阅读大概需要3分钟。
内容图文
![javascript-更改IE 7和6上的href时出现的Fancybox问题](/upload/InfoBanner/zyjiaocheng/671/47d51b0511f845fb9a31a873884e18e4.jpg)
在我的工作中,我更改了fancybox的对话框,尽管有些小问题(例如使其在Pageload上运行)都变得花花公子,但我无法管理.
但是现在,我面临着巨大的障碍:
IE6和IE7不受限制.我需要更改fancybox将要显示的地方的网址.除了添加内容,我找不到任何文档,但没有ID.所以我的问题是:我在哪里错了?
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.pack.js"></script>
<script>
$(document).ready(function() {
jQuery.fn.cornyBox = function(selector) {
if (selector) { this.attr('href', selector); }
$(this).fancybox();
};
//$('#aAlert').cornyBox();
$('#aAlert').cornyBox('#dvAlert2');
});
</script>
</head>
<body>
<div id="alertHolder">
<a id="aAlert" href="#dvAlert1" >hit me</a>
<div id="dvAlert1" class='alert'>
something
</div>
<div id="dvAlert2" class='alert'>
something else
</div>
</div>
</body>
</html>
如果我使用$(‘#aAlert’).cornyBox();我没有问题,因为显然我没有在链接上设置新的href.
它适用于IE8,Firefox和Chrome.但是,在IE6,IE7中,不是.
解决方法:
IE7显示内联html内容时遇到类似的问题.它显示的是我未在href中选择的正文内容.将type参数设置为inline似乎可以解决该问题.
$('a.fancybox').fancybox({
'type':'inline',
});
内容总结
以上是互联网集市为您收集整理的javascript-更改IE 7和6上的href时出现的Fancybox问题全部内容,希望文章能够帮你解决javascript-更改IE 7和6上的href时出现的Fancybox问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。