woocommerce产品类别小部件禁用父类别链接

我在侧边栏和页脚小部件区域使用woocommerce产品类别小部件。woocommerce产品类别小部件禁用父类别链接

我有2个父类别。我希望这些显示，但不能点击链接。

你可以在这里看到页面http://www.terrykirkwood.co.uk/w

谁能劝添加什么CSS来阻止这些链接被点击？

感谢

下面是从第一次出现的代码：

<li class="cat-item cat-item-47 cat-parent"><a href="http://terrykirkwood.co.uk/w/product-category/originals/">Original Paintings</a><ul class="children">

来源

2014-09-24 Peter Kirkwood

CSS仅控制风格，所以没有CSS，你可以用它来禁用一个超链接。您可以更改CSS以不更改游标，因此它不会看起来像链接。

.cat-parent a { 
    cursor: default; 
    text-decoration: none; 
} 

.cat-parent .children a { 
    cursor: pointer; 
    text-decoration: underline; 
}

然后用一些jQuery的实际禁用点击功能：

$('.cat-parent').click(function(e) { 
    e.preventDefault(); 
});

如果你是大胆的，你很可能还要修改控件不打印<a>链接父母，但我可以”现在检查一下。

编辑

您可以将脚本添加到您的主题的脚本之一，加载一个新的外部脚本文件或丢弃以下到您的主题的functions.php：

function so_add_this_script_footer(){ 

    if(!is_admin()) { ?> 

    <script> 
     jQuery(document).ready(function($) { 
      $('.cat-parent > a').click(function(e) { 
       e.preventDefault(); 
      }); 
     }); 
    </script> 

<?php } 

} 

add_action('wp_print_footer_scripts', 'so_add_this_script_footer');

来源

2014-09-24 18:59:31 helgatheviking

谢谢 - 我已经加入了CSS，但它没有任何区别。我可以添加jQuery来取悦哪个文件？ – 2014-09-25 10:52:10

请参阅我的编辑 – helgatheviking 2014-09-25 11:05:43

谢谢。将代码添加到functions.php已使链接不起作用，这很好，除此之外，它还使得子链接无法正常工作。此外，CSS，完全没有影响到父链接。感谢您的帮助至今 - 我真的很感激它！ – 2014-09-25 11:37:35

所有父类有一个'cat-parent'类，所以你可以在锚标签'href'的widget中添加一个条件 - 'javascript：void（0）'。或者，您可以添加下面的jQuery代码，

jQuery('.footer-widget').find('.product-categories li.cat-parent').each(function(){ 

    if(jQuery(this).find('ul.children').length == 1){ 

    jQuery(this).find('a').attr('href','javascript: void(0)'); 
    } 

});

这将重置具有子类别中的所有父类的链接。现在，如果用户点击父类别，它将不会执行任何操作。

这也将确保，如果父类别没有子类别，那么它将不会被重置。

来源

2014-09-25 04:49:49 WisdmLabs

谢谢 - 我会添加jQuery到哪个文件？ – 2014-09-25 10:53:02

这不会禁用子类别而不是父类别的链接吗？ – helgatheviking 2014-09-25 12:14:48

woocommerce产品类别小部件禁用父类别链接

回答

相关问题