XPages 中的 Jquery 无法正常工作

Question

我有一个 xpage，我在其中添加了 jquery 作为脚本资源。然后我添加了一些控件（使用 jquery 函数编辑、计算、输出脚本），我正在尝试一些虚拟的东西。看看我下面的xpage：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.resources>
        <xp:script src="http://code.jquery.com/jquery-1.10.2.js"
            clientSide="true">
        </xp:script>
        <xp:script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"
            clientSide="true">
        </xp:script>
        <xp:styleSheet
            href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
        </xp:styleSheet>
    </xp:this.resources>

    <xp:scriptBlock id="scriptBlock1">
        <xp:this.value><![CDATA[$(document).ready(function() {
  $("#{id:button1}").mouseover(function() {
      alert('sdfsdfsdf');
  });
});]]></xp:this.value>
    </xp:scriptBlock>
    <xp:br></xp:br>
    <xp:br></xp:br>    
    <xp:button value="Label" id="button1"></xp:button>
    <xp:br></xp:br>
    <xp:br></xp:br>
    <xp:text escape="false" id="ttt">
        <xp:this.value><![CDATA[#{javascript:"<p id='test'>sdfsdfsdf</p>"}]]></xp:this.value>
    </xp:text>
</xp:view>

当我悬停按钮时，没有任何反应。如果我将鼠标悬停的 id 设置为 #test 则它可以工作。

在XPages中使用jquery有什么问题？

Answer 1

使用来自 openntf 的x$ jQuery selector for XPages sn-p 或使用

$("[id$='#{id:button1}']").mouseover(function() {...