“引导”子菜单“单击事件”不显示'；不能使用jQuery

我有以下引导子菜单结构：

<ul class="dropdown-menu">
    <li class="submenu-open">
        <a href="http://google.com"><span class="dropdown-sub-toggle"></span>Some Text</a>
        <ul class="collapse dropdown-submenu">
            <li> 
                <a href="http://google.com">Some Text</a>
            </li>
        </ul>
    </li>
</ul>

当我点击span标签时，菜单正在折叠-它是一个向右的箭头。我需要在单击span标记时预先添加一些文本，但无法使用jQuery-

$（'.dropdown sub toggle'）选择它。单击（函数（{…}））

无效。我怎样才能让它工作

$(".submenu-open").on('click', function(e){
    e.preventDefault();
});

$(".dropdown-sub-toggle").on('click', function(e){
    $(this).prepend("Some Text");
});

这对我有用

您还可以添加stopProgagation（）

以防止事件冒泡

---

看不出这不起作用的任何其他原因。

这可能是因为跨距位于标记内，因此单击跨距会触发单击链接。你需要能够跟随链接吗？链接单独工作，span只是折叠菜单。这一切都可以，但我不能用jQuery选择它。另外，结构相同的一级菜单可以很好地与jQuery配合使用。你有什么地方有演示页面吗？使用完整脚本可能更容易调试。不，我还没有启动它：(

$(".dropdown-sub-toggle").on('click', function(e){
    e.stopPropagation();
    $(this).prepend("Some Text");
});