0

我在 Wordpress 中实现Pagify时遇到问题。

首先，我尝试使用本教程在 function.php 中注册脚本。它起作用了，包括了 pagify.js，也包括了 jQuery。仅供参考，我正在使用 wp-foundation 主题，它具有内置的 jQuery。

然后我将脚本放在 wp_head() 之前的 header.php 中调用 pagify ，然后我尝试wp_head()：

$('#page_holder').pagify({
    pages: ['home', 'about', 'contact'],
    default: 'home' // The name of a page or null for an empty div
});

我就像在 pagify 教程中一样创建了 HTML，并且我的 div 容器 id 也被命名为page_holder. 但它不起作用。

其次我尝试将上面的脚本注册到function.php，但仍然没有工作。

第三，我修改了pagify.js，添加了noConflict()还是不行。

4

1 回答 1

0

我总是在将 jquery 脚本添加到我的 WP 站点时遇到问题，但仍然找不到解决它们的通用方法，所以我喜欢你，我尝试了不同的可能性：非冲突，注册脚本并将它们排入队列，简单地调用它们script分别在 header.php 和 footer.php 中 wp_head 或 wp_footer 之前的标签....

最后一种情况是尝试使用我的 wordpress 网站实现 Tag-it jquery 插件，我通过调用我的 footer.php 中的脚本解决了它（我告诉你，因为你没有提到你在你的问题中尝试过这个选项）。

Tag-it 插件示例：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo get_bloginfo('template_directory'); ?>/js/tag-it.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit(
        {
        fieldName: "tages[]"
        }
        );
    });
</script>

<?php
    /* Always have wp_footer() just before the closing </body>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to reference JavaScript files.
     */

    wp_footer();
?>
于 2013-06-04T15:06:56.453 回答