我仍在研究我的实时搜索功能。它完美地填充,但现在我想添加可点击的行功能,它本身可以工作,但当我将它与其他代码集成时就不行了。
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 的新手,所以请帮帮我。
谢谢