对于ajax过滤的帖子，我需要index.php 模板输入到functions.php 文件(followed this tutorial) 从那里开始。

但是现在javascript不起作用了-基本上手风琴风格的列表不会像以前那样打开和关闭，预告片不会嵌入，等等。单击标签进行演示here.

我调用js的方式有问题吗/我需要吗wp_localize_script 让它工作？很抱歉，我对这一点很陌生，谷歌没有帮助，因为我觉得我太深了。

如何调用JS脚本：

function wpdocs_theme_name_scripts() {
wp_enqueue_style( \'style.css\', get_stylesheet_uri() ); 

wp_register_script(\'jquery_script\', get_template_directory_uri() . \'/js/jquery-3.1.0.min.js\');
wp_enqueue_script(\'jquery_script\');

wp_register_script(\'my_script\', get_template_directory_uri() . \'/js/script.js\');
wp_enqueue_script(\'my_script\');
}
add_action( \'wp_enqueue_scripts\', \'wpdocs_theme_name_scripts\' );

$(document).ready(function() {

// Open and close screelistings
$(\'.sl\').find(\'.sl_closed\').click(function(){

//Expand or collapse this panel
$(this).next().slideToggle(\'fast\');

//Hide the other panels
$(".sl_open").not($(this).next()).slideUp(\'fast\');          
});

//Added class for opened and closed screenlistings

$(".sl").click(function(e) {
var isActive = $(this).hasClass(\'sl_active\');
$(\'.sl_active\').removeClass(\'sl_active\');
$(\'.active\').removeClass(\'active\');
if (!isActive) {
  $(this).addClass(\'sl_active\');
  $(this).find(\'.sl_closed\').addClass(\'active\');
}
});

// Replace feature image with trailer 

$(\'img\').click(function(){
video = \'<iframe src="\'+ $(this).attr(\'data-video\') +\'"></iframe>\'; 
$(this).replaceWith(video);
});

});