JavaScript 在<li>用户在线时隐藏标签

Question

我有这个JavaScript，该JavaScript在

标签之外工作。

<script type="text/javascript">
if (!window._laq) { window._laq = []; }
window._laq.push(function(){liveagent.showWhenOnline('1234', document.getElementById('liveagent_button_online_1234'));
liveagent.showWhenOffline('1234', document.getElementById('liveagent_button_offline_xxxx'));
});</script>
<script type='text/javascript' src='https://c.la2-c1cs-ord.salesforceliveagent.com/content/g/js/42.0/deployment.js'></script>
<script type='text/javascript'>
liveagent.init('https://d.la2-c1cs-ord.salesforceliveagent.com/chat', '12345', '123456');
</script>

我只想在liveagent.showwhenonline为真时才显示具有"菜单2" ID的LI。

这是菜单：

<div id='cssmenu' align="center">
<ul>
    <li><a href='#'><span>Admission Requirements</span></a></li>
    <li><a href='#'><span>Financial Aid/Scholarships</span></a></li>
    <li class='last'><a href='#'><span>FAQs</span></a></li>

</ul>
</li>

    <li class='has-sub'><a><span>Re-Enroll students </span></a></li>
    <li class='has-sub'><a><span>Parent Resources</span></a></li>
    <li class='has-sub'><a><span>Meet the Staff</span></a>
<ul>
        <li><a href='#'><span>Admissions</span></a></li>
    <li><a href='#'><span>Financial Aid</span></a></li>
    <li class='last'><a href='#'><span>Student Ambassadors</span></a>
</li>

</ul>
    <li class='has-sub'><a href='#'><span>Request Information</span></a></li>

    <li class='menu2' style="border: 0px none; cursor: pointer" onclick="liveagent.startChat('1234')">menu 2</li>
</div>

让我知道这是否有意义！

欢呼，Rob

Answer 1

如果您通过ID获取元素，则当前代码将无法正常工作，因为您已经设置了class="menu2"而不是ID。

尝试更改

<li class='menu2' style="border: 0px none; cursor: pointer" onclick="liveagent.startChat('1234')">menu 2</li>

to

<li id='menu2' style="border: 0px none; cursor: pointer" onclick="liveagent.startChat('1234')">menu 2</li>

如果这不起作用，请共享您到现在的代码或工作codepen链接。