Javascript 脚本不再起作用

Question

自从我修改了 magento 设置后，我需要一些帮助来修复一些 javascript。

我明白为什么它不起作用，它正在寻找 'a' 的父元素，它是 'li' 但现在是我添加的 Div 之一。我想不通的是如何修复它。

这是脚本

Varien.Tabs = Class.create();
Varien.Tabs.prototype = {
  initialize: function(selector) {
    var self=this;
    $$(selector+' a').each(this.initTab.bind(this));
  },

  initTab: function(el) {
      el.href = 'javascript:void(0)';
      if ($(el.parentNode).hasClassName('active')) {
        this.showContent(el);
      }
      el.observe('click', this.showContent.bind(this, el));
  },

  showContent: function(a) {
    var li = $(a.parentNode), ul = $(li.parentNode);
    ul.select('li', 'ol').each(function(el){
      var contents = $(el.id+'_contents');
      if (el==li) {
        el.addClassName('active');
        contents.show();
      } else {
        el.removeClassName('active');
        contents.hide();
      }
    });
  }
}
new Varien.Tabs('.product-tabs');

这是我修改后的 html:

    <li id="product_tabs_<?php echo $_tab['alias'] ?>" class="<?php echo !$_index?' active first':(($_index==count($this->getTabs())-1)?' last':'')?>">
        <div class="sidebar-block-2">
        <div class="block-title">
            <div class="title-corners-top"><div><div>&nbsp;</div></div></div>
            <div class="title-border-left">
            <div class="title-border-right">
            <div class="title-border-top">
        <a href="#"><strong><span><?php echo $_tab['title']?></span></strong></a>
         </div>
         </div>
         </div>
         <div class="clear"></div>
         </div>
         </div>
         </li>

我已经添加了 from down 到超链接。我想我需要使用类似 .closest("li") 的东西，但我需要一些帮助才能让它工作。

Answer 1

您应该使用这一行(而不是 var li = $(a.parentNode), ... ，因为现在您需要最近的父元素，即 <li> 元素。

var li = a.up('li'), ul = $(li.parentNode);

原型(prototype)的 Element#up方法在 DOM 层次结构中向上移动，直到找到与给定选择器匹配的元素。如果搜索失败，undefined被退回。