jquery - 为什么调用这个 Javascript/jQuery 函数不起作用

Question

我已将其放在页面顶部(但位于 body 标记内)。

<script type="text/javascript">
function displayNumberBounds(numberElement, number){
alert("it works");
  $(numberElement).before("<input type='text' size='6' id='lower' value='"+number+"' class='lt'/> &lt; ");
  $(numberElement).after(" &gt; <input type='text' size='6' id='upper' value='"+number+"' class='gt'/>");
}
</script>

我还有这个(它是模板的一部分)

---- 编辑 ----

代码在页面上的显示方式是

...这里有一些 JavaScript/HTML ....

<script type="text/javascript">
function displayNumberBounds(numberElement, number){
alert("it works");
        $(numberElement).before("<input type='text' size='6' id='lower' value='"+number+"' class='lt'/> &lt; ");
        $(numberElement).after(" &gt; <input type='text' size='6' id='upper' value='"+number+"' class='gt'/>");
}
</script>

...更多代码在这里...

<script>
$(document).ready(function() {
$(".number-value").click(function() {
  displayNumberBounds(this,0);
  });
});
</script>

0

...循环迭代，从而给出第二个值...

<script>
$(document).ready(function() {
$(".number-value").click(function() {
    displayNumberBounds(this,0);
});

}); 0

 <script>
$(".number-value").click(function() {
  displayNumberBounds(this,<%=number%>);
});
</script>
<span class="number-value" value="<%=number%>">
  <%=number%>
</span>

不确定额外信息是否有帮助。

----------结束编辑---------

当我单击 <%=number%> 打印的值时我得到了第一个 .number-value 的预期结果页面上的项目，但不适用于后续项目。我不明白这个。

Answer 1

看起来您正在尝试在元素尚未加载时绑定(bind)点击元素。

你能试试这个吗？

<script>
$(document).ready(function() {
    $(".number-value").click(function() {
        displayNumberBounds(this,$(this).html());
    });
});
</script>

查看此工作示例:http://jsfiddle.net/WS7Ha/

我还建议您将所有 Javascript 移动到单独的 .js 文件中以方便维护。