Question

我有一个包含搜索工具包的页面。因此，当单击搜索按钮时，结果将由数据库中的ajax提取并附加到div。

它还显示从数据库中检索的记录数！我希望能在计数器显示一个值后立即执行某些操作。

我尝试点击搜索按钮，但只显示第二次点击。因为当第一次单击搜索按钮时，甚至没有从数据库中获取数据。此外，在加载数据后，再次单击时，它实际上显示了先前获取的记录的数量。

我认为，jquery的load（）更适合，但它也不适合。以下是我失败的尝试。有谁能建议最好的方法吗？

//显示从数据库中提取的项目数

len=data.length;

$(".len").append("<span class='light_blue' id='found'>"+len+"</span>
<span class='rm2' id='tname'> Tutors found</span>");

//这就是将结果（获取的数据）附加到div中以显示在搜索页面中的方式！

$(".the-inner-return").append("

我想要做的就是提醒计数（基本上我想用id =＆＃39; tname＆＃39;替换其他内容，当计数为0,1和1以上时）。

尝试失败：

$("#search").on("click",function()
{
    alert($("#found").text());//alerts the count 
});

$(".the-inner-return").on("load",function()
{
    alert($("#found").text());//alerts the count 
});

Answer 1

$(document).on("click", "#search",function(){
   alert($("#found").text());//alerts the count 
});


$(document).on( "load", ".the-inner-return", function() {
      alert($("#found").text()); //alerts the count 
});

Answer 2

每次针对.len的innerHTML发生更改时，您都可以触发警报，例如，每当len>0时都会收到警报：

$('.len').bind("DOMSubtreeModified", function () {
    if (len > 0) {
        alert('changed');
    }
});

len = 5;

$('.len').bind("DOMSubtreeModified", function() {
  if (len > 0) {
    alert('>0');
  }
});


$(".len").append("<span class='light_blue' id='found'>" + len + "</span><span class='rm2' id='tname'> Tutors found</span>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="len"></div>

如何在div加载内容

2 个答案: