jQuery内联的jQuery Gallerific问题
在“caption”类中执行jQuery代码似乎有一些问题 我的类“.showmore”位于标题部分,但是当我执行悬停函数时,它似乎没有执行这个jQuery函数 Galleriffic jQuery中是否有任何东西阻止我执行此操作jQuery内联的jQuery Gallerific问题,jquery,jquery-ui,Jquery,Jquery Ui,在“caption”类中执行jQuery代码似乎有一些问题 我的类“.showmore”位于标题部分,但是当我执行悬停函数时,它似乎没有执行这个jQuery函数 Galleriffic jQuery中是否有任何东西阻止我执行此操作 <html> <head> <link rel="stylesheet" href="<?php echo $siteurl; ?>css/galleriffic-2.css" type="text/c
<html>
<head>
<link rel="stylesheet" href="<?php echo $siteurl; ?>css/galleriffic-2.css" type="text/css" />
<script type="text/javascript" src="<?php echo $siteurl; ?>js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="<?php echo $siteurl; ?>js/jquery.opacityrollover.js"></script>
</head>
<script type="text/javascript">
$('.showmore').hover(function(){
$(this).fadeTo('fast', 1);
});
</script>
<div class="caption">
<div class="showmore">+</div>
</div>
尝试将
移动到页面底部。当前$('.showmore').hover(…)
在.showmore
div写入页面之前执行
或者,您可以尝试以下方法:
$(function() {
$('.showmore').hover(function(){
$(this).fadeTo('fast', 1);
});
});
这可以确保您的代码在DOM加载完成后执行。有关更多信息,请参阅
还可以尝试将两个函数传递到hover事件中。这并不重要(请参阅),但通常会将两个函数作为参数——第一个在鼠标进入元素时执行,第二个在鼠标离开元素时执行。下面是一个例子:
$('.showmore').hover(function() { $(this).fadeIn('fast'); },
function() { $(this).findOut('fast'); });
当只传入一个函数时,当鼠标进入和离开元素时都会执行该函数
另外,请确保在页面中包含jquery。在您发布的示例中,似乎包括Gallerific和opacityrollover插件,但不包括jquery核心。尝试将
移动到页面底部。当前$('.showmore').hover(…)
在.showmore
div写入页面之前执行
或者,您可以尝试以下方法:
$(function() {
$('.showmore').hover(function(){
$(this).fadeTo('fast', 1);
});
});
这可以确保您的代码在DOM加载完成后执行。有关更多信息,请参阅
还可以尝试将两个函数传递到hover事件中。这并不重要(请参阅),但通常会将两个函数作为参数——第一个在鼠标进入元素时执行,第二个在鼠标离开元素时执行。下面是一个例子:
$('.showmore').hover(function() { $(this).fadeIn('fast'); },
function() { $(this).findOut('fast'); });
当只传入一个函数时,当鼠标进入和离开元素时都会执行该函数
另外,请确保在页面中包含jquery。在您发布的示例中,似乎您包含了Gallerific和opacityrollover插件,但没有包含jquery核心