Question

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

首先，我尝试this tutorial在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()但仍无法正常工作。

Answer 1

我总是面临向我的WP站点添加jquery脚本的问题，但仍然找不到解决它们的一般方法，所以我喜欢你，我尝试了不同的可能性：nonConflict，注册脚本并将它们排队，调用它们在wp_head之前的简单script标签中或者分别在header.php和footer.php中的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();
?>

Wordpress中的Pagify.js无法正常工作

1 个答案: