Question

我正在写一个简单的Wordpress儿童主题。

有一个投资组合功能，它使用flexslider显示最新帖子的缩略图，点击它们时，它使用ajax在页面上的div中打开帖子内容。

我已根据此编写了一个类别页面，它会删除所有帖子类别并显示最新帖子的缩略图。但是，当我点击缩略图时，我需要页面转到新页面，而不是在内容div中打开。

问题是，我正在重用看起来有点像这样的代码：

<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
    <div class="flexslider">
            <ul class="slides">
                <li>
                    <a href="http://the-url-here">
                        <img src="<?php  echo $thumb[0]; ?>" />
                    </a>
                </li>
            </ul>
    </div>
<?php endwhile; ?>

但是在父主题全局页脚中有自定义js如下处理内容的开放，而不是像往常一样重定向到标记中指定的位置。

$(".flexslider ul.slides li a").live('click', function(e){ e.preventDefault();

   /*Set Function Variables */       
    $this = $(this);
    $selectedthing = $this;
    $postId = $($this).attr('data-url');

    // and so on...

    return false; 
});

因此，我需要在仅一个单页模板上禁用附加到.flexslider ul.slides li a的javascript，最好不必更改类，因为我认为这样可以打开另一个围绕css的蠕虫。请记住主题在页脚中加载javascript，因此我假设页面模板中的任何更改都将在页脚中被覆盖。

有关最佳方法的任何想法吗？

Answer 1

只需删除子主题中的click live listener即可。仅为该特定页面模板添加此JavaScript。

$(".flexslider ul.slides li a").die('click');

覆盖Wordpress儿童主题中的javascript函数

1 个答案: