Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery内联的jQuery Gallerific问题_Jquery_Jquery Ui - Fatal编程技术网

jQuery内联的jQuery Gallerific问题

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

在“caption”类中执行jQuery代码似乎有一些问题

我的类“.showmore”位于标题部分,但是当我执行悬停函数时,它似乎没有执行这个jQuery函数

Galleriffic jQuery中是否有任何东西阻止我执行此操作

<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核心