Question

除非这是一个严重的问题，否则我不会问stackoverflow。我根本无法弄清楚如何调试这个特定的问题。左导航无序列表元素正在注入内联显示属性。我无法弄清楚js代码在做什么。

js / custom.js 中有一个文件，如果我删除该文件，效果就不会发生。所以我假设它在那里。我尝试了.attr, .hide, .css etc etc的grepping，但没有任何内容指向 ul 元素，我试图追踪显示效果。我在php文件中搜索它回显或打印元素的实例，也没有任何内容。我使用了萤火虫和萤火虫，但是在检查元素之后没有任何明显的东西出现。我为chrome工具中的属性更改尝试了断点。

我怀疑答案是在DOM检查员中，但它对我来说很神秘。我将需要阅读有关firefox和chrome工具的DOM树视图。但与此同时，任何人都可以在这个page中给出一个关于 ul 元素的 ul 元素的显示属性吗？ / p>

Answer 1

这很容易在Chrome中找到。

找到'包含列表的父元素。
检查所述父元素。
右键单击元素并选中“Break on subtree modification”
通过检查堆栈跟踪找出谁添加了元素。
利润！

希望能帮助你找到罪魁祸首。

Answer 2

您是否尝试过使用Google Chrome开发者工具，看看CSS是否隐藏了您正在查看的元素？

只需点击Chrome浏览器中的元素，然后选择Inspect Element，然后查看可用的CSS属性。

最终，导致我这样做的是，我点击某些文字，打开下面的li。然后我在检查元素时搜索文本，并在其中找到带有文本的锚标记。然后我假设锚必须是罪魁祸首，并搜索其关联类名“exp”，并找到包含该函数的js文件。

我查看了crown / js文件夹中的custom.js，发现了以下内容：

$('.exp').collapsible({
        defaultOpen: 'current',
        cookieName: 'navAct',
        cssOpen: 'active',
        cssClose: 'inactive',
        speed: 200
    });

Li中有一个锚元素，类为“exp”

<li class="forms"><a href="#" title="" class="exp"><span>Forms stuff</span><strong>4</strong></a>
            <ul class="sub" style="display: none; ">
                <li><a href="forms.html" title="">Form elements</a></li>
                <li><a href="form_validation.html" title="">Validation</a></li>
                <li><a href="form_editor.html" title="">WYSIWYG and file uploader</a></li>
                <li class="last"><a href="form_wizards.html" title="">Wizards</a></li>
            </ul>
        </li>

当点击这个标签时，它会获得另一个名为“active”的类，然后jQuery会注入显示代码：

<li class="forms"><a href="#" title="" class="exp active"><span>Forms stuff</span><strong>4</strong></a>
            <ul class="sub" style="display: block; ">
                <li><a href="forms.html" title="">Form elements</a></li>
                <li><a href="form_validation.html" title="">Validation</a></li>
                <li><a href="form_editor.html" title="">WYSIWYG and file uploader</a></li>
                <li class="last"><a href="form_wizards.html" title="">Wizards</a></li>
            </ul>
        </li>

然后CSS处理其余部分。

神秘财产在元素中起作用

2 个答案: