Question

我在用户输入查询时使用了ajax调用来生成内容，在我尝试使用jquery的悬停函数之前它运行良好。

$(document).ready(function() {
  $(".numbers").hover(function(){
    $(".fullUnits").fadeIn(80);
    $(".units").fadeOut(0);    
  }, function(){
    $(".fullUnits").fadeOut(0);
    $(".units").fadeIn(80);
  });
});

上面的代码实际上是正确的，它不起作用，因为.number对浏览器是不可见的。这就是它在firebugs.grayed中的外观，这意味着不可见。所以你不能在它上面盘旋。（抱歉，我现在无法发布图片）

Screenshot http://converteveryunit.com/firebug.png

以下代码是ajax代码，用于生成内容

function showHint()
{
  var str = document.getElementById("inputText").value;
  if (str.length==0)
  { 
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  var query = "gethint.php?q="+str;
  if (document.getElementById("m2u").checked) 
  {
    query = query + "&mode=m2u";
  }
  else if (document.getElementById("u2m").checked) 
  {
    query = query + "&mode=u2m";
  }

  xmlhttp.open("GET",query,true);
  xmlhttp.send();

}

如果您需要其他代码，则演示位于converteveryunit.com

Answer 1

您必须在内容发布后绑定您的悬停事件

Ajax内容在firebugs中不可见，并且无法使用悬停功能

1 个答案: