1

我仍在研究我的实时搜索功能。它完美地填充,但现在我想添加可点击的行功能,它本身可以工作,但当我将它与其他代码集成时就不行了。

http://www.fpmnky.com/ 这是没有可点击的代码

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 的新手,所以请帮帮我。

谢谢

4

1 回答 1

0

第 50 行有错误。

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

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

于 2012-12-31T21:29:55.080 回答