我正在处理这个网站:mfm.treethink.net。在Firefox、Chrome和Safari中,所有的jquery都能正常工作,但在IE8中会出现错误,导致顶部横幅不起作用(使用了crossSlide jQuery插件),图片悬停时颜色也无法改变。
这些脚本是参考之前编写的脚本完成的,正如我所说,我对jQuery还很新。第二个在IE8中有效,而第一个则无效。我注意到第三个(唯一有效的)与前两个不同,没有在顶部声明函数。这可能会有什么影响吗?
非常感谢您提供的任何帮助。
谢谢, Wade
IE8告诉我源代码中第53、134和149行出现了错误,而这些行都是声明jquery函数的地方。
$(document).ready(function(){
我正在运行jQuery 1.4版本。奇怪的是,页面上另一个使用jQuery的部分正常工作,右侧的艺术家浏览/选择菜单。但横幅和图片滚动效果不起作用。
这里是我正在运行的所有脚本:
1:横幅 - 在IE8中不起作用
<script type="text/javascript">
$(function() {
$('#banner').crossSlide({
sleep: 5,
fade: 1
}, [
<?php
$pages = get_posts('numberposts=2000&post_type=artist&post_status=publish');
$i = 1;
foreach( $pages as $page ) {
$content = $page->post_title;
if( empty($content) ) continue;
$content = apply_filters('the_content', $content);
?>
{ src: '/wp-content/uploads/<?php echo $page->post_name ?>.jpg' },
<?php $i++;
} ?>
]);
});
</script>
2 - 图片滚动 - 在IE8中无法工作
<script type="text/javascript">
$(function(){
$("ul#artists li").hover(function() { /* On hover */
var thumbOver = $(this).find("img").attr("src"); /* Find image source */
/* Swap background */
$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') center bottom no-repeat'});
$(this).find("span").stop().fadeTo('fast', 0 , function() {
$(this).hide()
});
} , function() {
$(this).find("span").stop().fadeTo('fast', 1).show();
});
});
</script>
3 - 艺术家选择 - 在IE 8中工作
<script>
$("#browse-select").change(function() {
window.location.href = $(this).val();
});
</script>
这些脚本是参考之前编写的脚本完成的,正如我所说,我对jQuery还很新。第二个在IE8中有效,而第一个则无效。我注意到第三个(唯一有效的)与前两个不同,没有在顶部声明函数。这可能会有什么影响吗?
非常感谢您提供的任何帮助。
谢谢, Wade