Asp.net Javascript或CSS悬停在Safari和Chrome中不起作用
我对图像库的脚本有问题。这个问题似乎只发生在Safari和Chrome上,但是如果我刷新页面,我会让它正常工作-奇怪 正确的功能: 画廊有一个顶部栏,如果你将鼠标悬停在上面,它会显示一个标题。下图是主图像。在底部有另一个与顶部条相反的条。当您将鼠标悬停在它上方时,它将显示图库的缩略图 问题是: 在Safari和Chrome中,缩略图保持架将不显示。事实上,它甚至没有将其显示为活动项(或滚动)。但奇怪的是,如果您手动刷新页面,它将在您查看页面的其余时间正常工作。一旦您离开页面并返回,同样的错误再次发生,您必须经历相同的过程 以下是要查看的页面之一: 以下是CSS:Asp.net Javascript或CSS悬停在Safari和Chrome中不起作用,asp.net,javascript,css,image-gallery,Asp.net,Javascript,Css,Image Gallery,我对图像库的脚本有问题。这个问题似乎只发生在Safari和Chrome上,但是如果我刷新页面,我会让它正常工作-奇怪 正确的功能: 画廊有一个顶部栏,如果你将鼠标悬停在上面,它会显示一个标题。下图是主图像。在底部有另一个与顶部条相反的条。当您将鼠标悬停在它上方时,它将显示图库的缩略图 问题是: 在Safari和Chrome中,缩略图保持架将不显示。事实上,它甚至没有将其显示为活动项(或滚动)。但奇怪的是,如果您手动刷新页面,它将在您查看页面的其余时间正常工作。一旦您离开页面并返回,同样的错误再次
#ThumbsGutter {
background: url(../Images/1x1.gif);
background: url(/Images/1x1.gif);
高度:105px;
左:0px;
位置:绝对位置;
顶部:0px;
宽度:754px;
z指数:2;
}
}
下面是javascript:
//Variables
var globalPath=“”
var imgMain;
var排水沟;
风险值持有人;
拇指;
var加载图像;
var holderState;
var-imgCount;
var imgLoaded;
var资本持有人;
var captionState=0;
var captionHideTimer;
var captionHideTime=500;
var thumbsHideTimer;
变量thumbsHideTime=500
$(文档).ready(函数(){
//负载变量
imgMain=$(“#主图像”);
字幕持有人=$(“#字幕持有人”);
排水沟=$(“#指口”);
持有人=$(“#指夹”);
拇指=$(“#拇指”);
loadingImage=$(“#LoadingImageHolder”)
}))
功能加载库(galleryID){
//皮夹
holderState=0;
css(“显示”、“无”)
}
}
函数showCaption(){
如果(字幕状态==0){
$(“#CaptionTab”).attr(“src”,globalPath+”/Images/CaptionTabHot.jpg”);
captionHolder.css(“display”,“inline”).css(“left”,imgMain.position().left+“px”).css(“top”,imgMain.position().top+“px”).css(“width”,imgMain.width()+“px”).effect(“slide”,{“direction”:“up”},500,function(){
字幕状态=1;
});
}
}
}
函数hidecation(){
如果(字幕状态==1){
切换(“滑动”,“方向”:“向上”},500,函数(){
$(“#CaptionTab”).attr(“src”,globalPath+”/Images/CaptionTab.jpg”);
字幕状态=0;
});
}
}
}
函数setCaptionHideTimer(){
captionHideTime=window.setTimeout(隐藏选项,captionHideTime);
}
}
函数clearCaptionHideTimer(){
if(标题HIDETIMER){
clearTimeout(captionHideTimer);
captionHideTimer=null;
}
}
}
函数showtumbs(){
if(holderState==0){
$(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTabHot.jpg”);
holder.effect(“slide”,{“direction”:“down”},500,function(){
holderState=1;
});
}
}
}
函数hideThumbs(){
if(holderState==1){
if(jQuery.browser.safari){
css(“显示”、“无”);
$(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTab.jpg”);
holderState=0;
}否则{
切换(“滑动“,{”方向“:“向下”},500,函数(){
$(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTab.jpg”);
holderState=0;
});
}
}
}
}
函数setThumbsHideTimer(){
thumbsHideTimer=window.setTimeout(hideThumbs,thumbsHideTimer);
}
}
函数clearThumbsHideTimer(){
if(拇指指代定时器){
清除超时(thumbsHideTimer);
thumbsHideTimer=null;
}
}
}
函数setImage(图像){
//显示加载图像
加载image.css(“显示”、“内联”)
}
}
函数setCaption(标题){
$(“#字幕文本”).html(字幕);
//警报($(“#CaptionText”).html();
/*
如果(caption.length>0){
$(“#说明文字”)
.css(“显示”、“内联”)
.css(“左”,imgMain.position().left+“px”)
.css(“顶部”,imgMain.position().top+“px”)
.css(“宽度”,imgMain.width()+“px”)
.html(标题)
.css(“height”,$(“#CaptionText”).height()+36+“px”)
.css(“左”,imgMain.position().left+“px”)
.css(“顶部”,imgMain.position().top+“px”)
.css(“宽度”,imgMain.width()+“px”);
}否则{
$(“#CaptionText”).css(“显示”、“无”);
$(“#CaptionOverlay”).css(“显示”、“无”);
}
*/
}
}
如果有人能帮忙,我们将不胜感激
提前谢谢
贾斯汀我使用的是Chrome 4.1.249.1064,顶部的工具栏工作得非常完美,我看到的标题没有刷新页面。 在Firefox 3.6.3中也是如此,一切都非常完美
与Safari 4.0.3一样,所有功能都非常完美您使用的javascript在哪里?在Windows XP上的Chrome 4.1.249.1064中对我很好。我已将javascript添加到上述消息中。如果我不是本博客的新手,我也会添加ASXC代码-我想我还不能添加图像代码。请注意,直到第二次更新时,错误才发生e你查看页面。第一次查看页面时,它就正常工作了-对我来说非常奇怪!是的,它似乎对Chrome和Safari的旧版本都很好,但在Chrome 5.0.375.38和Safari 4.0.2上,它在第一次查看图库时就正常工作,然后它就停止工作了。这是最奇怪的故障!有什么想法吗?Thx JustinOh,a问题出在底部的横杆上。