在jquery搜索上添加location.hash [英] add location.hash on a jquery search
本文介绍了在jquery搜索上添加location.hash的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个可以显示结果的脚本
I have this script that will display results
$('#searchList li').bind('click', function() {
var li = $(this);
var li_val = li.text();
$('.flagContainer img').attr('class', 'mediumFlag mediumFlag-'+li.attr('data-country-code'));
$('.flagContainer').show();
el.val(li_val);
el.addClass('selected');
el.blur();
doSearch();
});
} else {
我正在尝试添加
$('#searchList li').click(function(){
var hash = $(this).attr('href');
location.hash = hash;
因此它将在位置栏中显示国家/地区名称，例如www.myexample.com/search#india，但是使用方法获得的却是#undefined.
这是我所有的custom.js(不添加位置哈希:
so it will display the country name in the location bar, for example www.myexample.com/search#india but what i get with my method is #undefined.
here is all my custom.js (without adding the location hash:
$(document).ready(function() {
search_text = $('#quickFilterInput').val();
$('#quickFilterInput').val(search_text).addClass('defaultValue');
$('#quickFilterInput').focus(function() {
if ( $(this).val()==search_text ) {
$(this).val('').removeClass('defaultValue');;
}
}).blur(function() {
if ( $(this).val()=='' ) {
$(this).val(search_text).addClass('defaultValue');;
}
});
$('.flagContainer').hide();
$('#quickFilterInput').bind('keyup', function(e) {
var el = $(this);
var val = el.val().toLowerCase();
var w = '';
if ( val.length > 0 ) {
el.removeClass('selected');
$('.flagContainer').hide();
if ( !el.hasClass('defaultValue') ) {
var countries = new Array();
var found = false;
var query = new Array();
var phone_val = new Array();
query.push({'country_lower':{like:val}});
var current_phone_val = '';
for ( i = 0; i < val.length; i++ ) {
current_phone_val += val[i];
if ( db({'country_number':current_phone_val+'*'}).count() > 0 ) {
phone_val = new Array();
phone_val.push(current_phone_val+'*');
}
}
if ( phone_val.length > 0 ) {
phone_val.push(val);
query.push({'country_number':phone_val});
} else {
query.push({'country_number':val});
}
db(query).order('title').each( function(r) {
if ( $.inArray( r.country, countries ) < 0 ) {
found = true;
w += '<li data-country-code="'+(r.country_code)+'"><div class="flagContainer"><img src="images/dummy.png" alt="" class="mediumFlag mediumFlag-'+(r.country_code)+'"></div><p>'+(r.country)+"</p></li>"
countries.push(r.country);
}
});
if ( found ) {
$('#searchList').html('').html(w);
$('#searchList').fadeIn();
$('#searchList li').bind('click', function() {
var li = $(this);
var li_val = li.text();
$('.flagContainer img').attr('class', 'mediumFlag mediumFlag-'+li.attr('data-country-code'));
$('.flagContainer').show();
el.val(li_val);
el.addClass('selected');
el.blur();
doSearch();
});
} else {
$('#searchList').html('').html('<div class="noMatches"><strong>No countries found.</strong> Please refine your search by country first letters or dialing code</div>');
$('#searchList').fadeIn();
}
}
}
}).bind('blur', function() {
$('#searchList').fadeOut();
});
$('.clearFilterInput').bind('click', function() {
clearSearch();
});
});
function doSearch() {
var el = $('#quickFilterInput');
var val = el.val();
var found = false;
$('.ratesResults').hide();
var w = '';
db({
'country_lower':{like:val.toLowerCase()}
}).order('special','title').each( function(r) {
found = true;
var title = r.title;
var special = false;
if ( r.special == 'a' ) {
special = true;
}
if ( title != val ) {
title = title.replace(r.country, '');
}
w += '<div class="ratesBlock'+(special?' special':'')+'">';
w += '<div class="ratesBlockItem ratesBlockTitle block-1">';
w += '<p class="title-h4">'+title+'</p>';
w += '</div>';
w += '<div class="ratesBlockItem block-2">';
w += '<p class="title-h4-notax">'+(r.price)+' £</p>';
w += '<p class="smaller">('+(number_format(r.price_including_tax, 3))+' £ incl. VAT)</p>';
w += '</div>';
w += '<div class="ratesBlockItem ratesBlockTitle block-3">';
w += '<p class="title-h4">'+(r.plan_price)+'</p>';
w += '</div>';
w += '<div class="ratesBlockItem ratesBlockTitle block-4">';
w += '<p class="title-h4">'+(r.plan_minutes)+'</p>';
w += '</div>';
w += '<div class="ratesBlockItem ratesBlockTitle block-5">';
w += '<p class="title-h4">'+(r.plan_display)+'</p>';
if ( r.plan_display != r.text_display ) {
w += '<p class="smaller">'+(r.text_display)+'</p>';
}
w += '</div>';
w += '<div class="buttonContainer noMobile">';
w += '<a href="'+(r.href)+'" class="btn small secondaryCta" target="_top">';
w += '<span class="noArrow">buy</span>';
w += '</a>';
w += '</div>';
w += '</div>';
});
if ( found ) {
$('.ratesTitle').html('Rates to '+val);
$('#ratesSearchResults').html(w);
$('.my_vcust').hide();
$('.ratesResults').fadeIn();
$('#ratesSearchResults .ratesBlock.special').each( function() {
$(this).find('.buttonContainer').css('height', ($(this).height()-10)+'px');
});
}
}
function clearSearch() {
$('.ratesResults').fadeOut();
$('#ratesSearchResults').html('');
$('#quickFilterInput').val('').trigger('blur').removeClass('selected');
$('.flagContainer').hide();
$('.my_vcust').fadeIn();
}
function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
推荐答案
您正在选择一个li元素，并将click事件附加到该元素.该li元素显然没有href属性，因此它是undefined.而是将其附加到基础元素上:
You are selecting a li-element and attach the click event to that. This li element obviously doesn't have a href-attribute, and therefore it is undefined. Attach it to the underlying a element instead:
$('#searchList li a').click(function(){
//...
});
这篇关于在jquery搜索上添加location.hash的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
