将砖石添加到WooCommerce后的站点中断
将砖石添加到WooCommerce后的站点中断
提问于 2014-12-04 05:49:35
我正在尝试添加砖石到我的woocommerce商店页面中的一个二十二个孩子的主题。这也是我的网站的首页。我对PHP和Wordpress相当陌生。
第一步是创建一个函数，从masonry.pkgd.min.js加载http://masonry.desandro.com/文件。
这是一项功能：
function twentytwelve_child_masonry() {
if (! is_admin()) {
wp_register_script('jquery_masonry', get_stylesheet_directory_uri(). 'js/masonry.pkgd.min.js' ,array(jquery), 3.2 );
wp_enque_script('jquery_masonry');
add_action('wp_footer', 'twentytwelve_child_add_masonry');
function twentytwelve_child_add_masonry() { ?>
<script>
jQuery(document).ready(function($) {
$('#content').masonry({
itemSelector: '.products',
isAnimated: true;
}); });
</script>
<?php
}}}
add_action('init', 'twentytwelve_child_masonry');我在Lynda.com的一篇关于构建响应主题的教程中找到了它。当我尝试加载页面时，站点会崩溃。有人知道吗？帮助是非常感谢的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-04 06:13:08
您需要修复一些语法错误，停止嵌套函数，正确使用脚本，并在适当的时候对脚本进行排队。您不能(或者不应该)使用init操作来对它们进行排队。相反，您确实应该简化如下内容：
function twentytwelve_child_masonry() {
wp_enqueue_script( 'jquery_masonry', get_stylesheet_directory_uri() . '/js/masonry.pkgd.min.js', array('jquery'), '3.2', true );
}
add_action('wp_enqueue_scripts', 'twentytwelve_child_masonry');然后，将以下内容添加到footer.php中
<script>
jQuery(document).ready(function($) {
$('#content').masonry({
itemSelector: '.products',
isAnimated: true;
});
});
</script>但是，正如前面提到的，使用WordPress...so的砖石工具--这可能仍然是复杂的事情。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27295695
复制相关文章
相似问题
腾讯云开发者
