Question

我仍在使用我的实时搜索功能。它填充完美，但现在我想添加可点击的行功能，它本身可以工作，但是当我将它与其他代码集成时则不行。

http://www.fpmnky.com/index2.php 添加可点击行的额外代码后，实时搜索不起作用。这是以下代码：

  <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="js/jquery.watermark.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript">


  $(document).ready(function() {

  $("#airport").watermark("");

  $("#airport").keyup(function()
  {
  var airport = $(this).val();
  var dataString = 'keyword='+ airport;
  if(airport.length>1)

  {
  $.ajax({
  type: "GET",
  url: "ajax-search.php",
  data: dataString,
  beforeSend:  function() {

  $('input#airport').addClass('loading');

  },
  success: function(server_response)
  {

  $('#searchresultdata').html(server_response).show();
  $('span#faq_category_title').html(airport);

  if ($('input#airport').hasClass("loading")) {
   $("input#airport").removeClass("loading");
    } 

  }
  });
  }return false;
  });
  });

  jQuery( function($) {
$('tr[href]').addClass('clickable').click( function() {
    window.location = $(this).attr('href');
}).find('a').hover( function() {
    $(this).parents('tr').unbind('click');
}, function() {
    $(this).parents('tr').click( function() {
        window.location = $(this).attr('href');
    });
});

$('tr[href]').css( 'cursor', 'pointer' );    
$('tr[href]').hover(function() {
$(this).css('cursor','pointer');
});
  }); 

  </script>

我猜它是一个格式化问题，我还是javascript / jQuery的新手，所以请帮帮我。

谢谢

Answer 1

第50行有错误。

$("#airport").watermark("");

这种水印功能似乎会引起问题。使用Firefox并按strg + shift + k查看错误。在第一页上，您没有此错误消息。由于这个问题，我认为不是所有的JS都被执行了，我认为这是你的问题。

Livesearch - javascript可点击行

1 个答案: