Question

我正在为一个客户开发一个电子商务网站，这是我在开始新工作时选择的。如果有人熟悉该系统，它就在3D Cart上。主框架页面上有一个手风琴菜单。那里有一段脚本编码：

function showHide(divId)
    {
        if(document.getElementById(divId).style.display === 'none')
        {
            document.getElementById(divId).style.display='inline';
        }
        else
        {
            document.getElementById(divId).style.display = 'none';
        }
    }

页面的其余部分以表格格式设置。我想知道脚本代码是否可以用于控制一行代码：

<td width="13" height="13" style="padding-top:3px;">
        <a class="BoxLink" href="#" onclick="showHide('spraybooths');return false;"><img src="https://example.com/assets/images/default/menu_tree_plus.gif" border="0" alt=""/></a>
        </td>
        <td height="13" style="padding-top:3px;" class="BoxText">
        <a class="BoxLink" href="https://example.com/UNICURE-SPRAYBOOTHS_c_1.html">UNICURE SPRAYBOOTHS</a>
        </td>

手风琴打开正确，但是一旦你选择了一个链接，它就会关闭，我正在试图弄清楚如何让它保持打开状态。非常感谢任何和所有的帮助。如果需要更多信息，我会提供尽可能多的信息。感谢。

Answer 1

那是因为事件传播了。假设您在单击其中的链接时不想关闭div，您可以写道：

document.querySelectorAll('div a').addEventListener('click', 
   function(ev){ ev.stopPropagation
}, false);

试图找出一个showHide函数

1 个答案: