Javascript HTML onClick不'；无法使用Windows Phone

我有一个在模拟器、android和ios上运行的web应用程序，但在windows phone上，onclick事件无法运行。这是我的HTML代码：

   <ul id ="triggerresolutionbg" class="table-view">
        <li class="table-view-cell media">
        <element>
            <button class="btn btn-link btn-nav pull-left">
                <span class="icon icon-left-nav" id ="triggerLeft" onClick = "triggerText(this.id)" ></span>
            </button>
            </element>

            <button class="btn btn-link btn-nav pull-right">
                <span class="icon icon-right-nav" id ="triggerRight" onClick = "triggerText(this.id)"></span>
            </button>
            <element>
                <center id ="triggerText">After I...</center>
            </element>
        </li>
    </ul>

在我。。。

我正在使用Ratchet、Bootstrap和JQuery

为什么Windows Phone上的onclick方法不起作用？

根据将交互内容放入按钮元素中是无效的

内容模型：

语法内容，但不能有交互内容后代

因此，您不应该期望事件侦听器处理按钮内的元素。某些浏览器违反规范并允许这样做，但其他浏览器不允许这样做。尝试将

onclick

处理程序附加到

按钮

元素本身

由于您使用的是

this.id

，因此我建议在此过程中重新构造HTML，但类似的方法应该可以工作

<button class="btn btn-link btn-nav pull-left" onclick="triggerText(this.firstElementChild.id)">
    <span class="icon icon-left-nav" id="triggerLeft"></span>
</button>

顺便说一句，它是

onclick

而不是

onclick

。尽管浏览器应该正常化。请尝试从

onclick=“alert（'test'）”

开始，我尝试了哪种方式有效，但没有效果我尝试了正常警报，但它不起作用。。css可能有些奇怪？将onclick移动到父容器之一