jQuery Cycle 适用于独立页面，但不适用于 WordPress

发布于 2024-12-28 09:53:47 字数 1578 浏览 0 评论 0 原文

这没有任何意义。我在 WP 中使用 jQuery 循环作为特色图像滑块，但它已停止工作。

为了尝试诊断出了什么问题，我制作了其中一个示例的简化版本，并且它有效： http://concoke .info/slide.php

但是，如果我采用完全相同的标记并将其复制到我的 WordPress 页面之一，则该插件将无法工作：http://concoke.info/cycle/

这是我的 WP 标头中的声明：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://convoke.info/wp-content/themes/convoke2theme/style.css" />
    <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#featuredslider').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
        });
    </script>
</head>

这是我有图像的地方：

<div id="featuredslider">
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
</div>

我关于为什么会发生这种情况的唯一想法是只是一个疯狂的猜测，但我最近将相关网站 (Convoke.info)恢复为单个网站。它曾经是 MU 或站点网络。

原文

This one makes no sense. I was using jQuery cycle for a featured image slider in WP, but it has stopped working.

Attempting to diagnose what went wrong, I made a simplified version of one of the examples, and it works: http://convoke.info/slide.php

However, if I take the EXACT same markup and copy it into one of my WordPress pages, the plugin doesn't work: http://convoke.info/cycle/

Here's the declaration from my WP header:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://convoke.info/wp-content/themes/convoke2theme/style.css" />
    <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#featuredslider').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
        });
    </script>
</head>

And here's where I have the images:

<div id="featuredslider">
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
</div>

My only notion as to why this might be happening, and this is just a wild guess, but I recently converted the site in question (Convoke.info) back to a single site. It used to be MU or a network of sites.