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 に答える