当项目变为活动状态时，如何淡入全局标题？

发布于 2024-12-01 02:28:13 字数 552 浏览 1 评论 0原文

我正在使用 Contentflow 来显示图片库。在配置选项中还有这样的代码：

        /*
         * called when an item becomes active.
         */
        onMakeActive: function (item) {},

在 HTML 标记上，有这样的 div：

<div class='globalCaption'></div>

我希望 .globalCaption 在项目变为活动状态时淡入淡出，所以我添加了以下代码：

         /*
         * called when an item becomes active.
         */
        onMakeActive: function (item) {
        $(".globalCaption p").fadeIn('fast');
        },

...但它不起作用

原文

Am using Contentflow to display an image gallery. Among the configuration options there is also this code:

        /*
         * called when an item becomes active.
         */
        onMakeActive: function (item) {},

On the HTML markup, there is this div:

<div class='globalCaption'></div>

I want the .globalCaption to fadeIn when item becomes active so I added this:

         /*
         * called when an item becomes active.
         */
        onMakeActive: function (item) {
        $(".globalCaption p").fadeIn('fast');
        },

...and it doesn't work

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

神经暖 2024-12-08 02:28:13

首先，将选择器从 $(".globalCaption p") 更改为 $(".globalCaption")

其次，确保 .globalCaption 是默认样式为 display:none;。如果它已经可见，则它无法淡入。

回复收藏 0 原文

倾城泪 2024-12-08 02:28:13

您说您有以下 div：

<div class='globalCaption'></div>

但是您的 jQuery 代码告诉浏览器淡入该 div 内的 p 元素，而 p 似乎不存在。尝试从选择器中删除 p，如下所示：

$(".globalCaption").fadeIn('fast');

You say you have the following div:

<div class='globalCaption'></div>

But your jQuery code is telling the browser to fade in a p element inside that div, and the p doesn't seem to exist. Try removing the p from the selector, like so: