=============================================== ==================================

Question

这是live site我搞砸了。

使用php通过get_field（）调用每张图片上的数字。（我使用插件＆＃34;高级自定义字段＆＃34;创建一个字段，我在创建帖子时输入一个数字，在这种情况下它是蛋白质量。然后我用php调用它所以它显示在图片的顶部，如：

<?php
$protein = get_field('grams_of_protein');
?>

<div class="portfoliooverlay"><a href="<?php the_permalink(); ?>"><span class="jrm-protein"><?php echo "$protein"; ?></span></a></div>

我添加了一个.jrm-protein的span类，以便我可以定位页面上所有可见帖子的跨度，因为它们都具有相同的html结构并且都包含.jrm-protein。

我正在尝试使用jquery插件TinySort

网站侧边栏上标有＆＃34的按钮;排序＆＃34;有以下JS：

jQuery(document).ready(function() {

jQuery('#sorting-button').click(function() {
        jQuery('.jrm-protein').tsort();
    });
});

有人可以查看该网站，并弄清楚它为什么不起作用吗？

我没有注册插件脚本，只是在我的functions.php中将它排入队列。

wp_enqueue_script( 'jrm-custom-tinysortjs', get_template_directory_uri() . '/js/jrmcustomtinysort.js', array('jquery'), false );
wp_enqueue_script( 'jrm-customjs', get_template_directory_uri() . '/js/jrmcustom.js', array('jquery'), false );

另一方面，我在整个页面上添加了一个叠加层，当单击该按钮时，该叠加层会切换，只是为了确保并显示JS文件正在运行。或者至少第二个是。

=============================================== ==================================

更新：我在底部添加了一个带有一堆跨度的div，它适用于那些，所以我想问题是如何让它在不同的容器中工作？应该只是一个选择器问题（但不知道该怎么做）

Answer 1

我不打算调试整个网站，但我会帮助解决我看到的第一个错误：

Uncaught TypeError: Cannot call method 'getElementsByTagName' of null

var container = document.getElementById( 'site-navigation' ),
    button    = container.getElementsByTagName( 'h1' )[0],
    menu      = container.getElementsByTagName( 'ul' )[0];

您将容器设置为单个元素，而不是document对象。将其他2行的container更改为document或更改

var container = document.getElementById( 'site-navigation' ),

到

var container = document,

Jquery插件tinysort不工作，不知道为什么

=============================================== ==================================

1 个答案: