Question

JSFiddle：http://jsfiddle.net/5qweu58f/4/

HTML（使用XSLT生成）：

<div id="dvExpProvHolder" class="hidOverflow innerDivCenter">
    <ul class="uSPStyle" id="uSPStyle">
        <li class="setRelative">
            <a class="tfLink clickMe current" title="Care" data-toggle=".tfLink1" id="current" href="javascript:void(0);"><img src="theImages/imgMenu.png" id="imgFirstM" class="imgExpCol" />Care</a>
            <ul class="uSPStyle uSPInner" style="width: 80%;">
                <li><a class="tfLink clickMe" title="This is sub" data-toggle=".tf1SLink1" href="javascript:void(0);">This is sub</a></li>
            </ul>
        </li>
        <li>
            <a class="tfLink clickMe" title="Breast Cancer" data-toggle=".tfLink2" href="javascript:void(0);"><img src="theImages/imgMenu.png" id="imgFirstM" class="imgExpCol" />BC</a>
            <ul class="uSPStyle uSPInner" style="width: 80%;">
                <li><a class="tfLink clickMe" title="OUR LINK" data-toggle=".tf1SLink2" href="javascript:void(0);">OUR LINK</a></li>
            </ul>
        </li>
        <li>
            <a class="tfLink clickMe" title="About" data-toggle=".tfLink3" href="javascript:void(0);">About</a>
        </li>
        <li>
            <a class="tfLink clickMe" title="Anxiety" data-toggle=".tfLink4" href="javascript:void(0);">Anxiety</a>
        </li>
        <li>
            <a class="tfLink clickMe" title="Services" data-toggle=".tfLink5" href="javascript:void(0);">Services</a>
        </li>
    </ul>
</div>

为什么第一个UL在另一个current时失去UL课程被点击了吗？其他一切都按预期工作。
当我希望访问者看到BC > OUR LINK时会出现此问题显示“这是第二个链接子链接1”的部分，无需到页面然后单击它。但是因为它们都在一个页面中，没有办法开箱即用。我想知道是否有办法在中指定查询字符串网址并使用它直接转到子链接？例如： http://www.myweb1.com/pages.aspx?id=098&menulink=2.1。 2.1表示它是第二个主菜单和第一个子菜单。在那儿有什么方法可以将它合并到我的Jquery脚本中吗？

Answer 1

扩展关于主题（How can I get query string values in JavaScript?）的权威问题的示例以解决此特定问题，您可以使用任何这些方法来解析window.location并基于查询字符串参数采取操作

下面是一个工作示例，使用虚假网址而不是window.location，因为代码段位于沙盒框架中。此示例使用URI.js，但还有许多其他选项。

＆＃13;

function log (o) {
  var el = document.createElement('div');
  el.innerHTML = o;
  document.body.appendChild(el);
}

document.getElementById('button-1').onclick = function () {
  log('Button 1 clicked!');
};
  
document.getElementById('button-2').onclick = function () {
  log('Button 2 clicked!');
};
  
//Grab the "click" query string parameter. The button with the specified ID will be clicked.
//Using a fake URL instead of window.location inside this sandboxed frame
document.getElementById(URI('http://example.com?click=button-1').search(true)['click']).click();

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.16.1/URI.js"></script>

<button id="button-1">Button 1 - Auto-Clicked</button>
<button id="button-2">Button 2 - Not Auto-Clicked</button>

＆＃13;

如何根据值扩展页面加载时可折叠菜单的某些部分

1 个答案: