Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   По поводу всплывающего окна Popap (https://javascript.ru/forum/jquery/38412-po-povodu-vsplyvayushhego-okna-popap.html)

tiksi 31.05.2013 04:22

По поводу всплывающего окна Popap
 
Здравствуйте!
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title> </title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.js"></script>
<script>
	$(document).ready(function(){
	$('#townPopup').loginTown($('#town')); //popap выбора города
	//перенос значений в a при выборе города
	$(".townNow").click(function(){
		$("#townChoice").html($(this).attr("title"));
	});
		$("#townSelect li").click(function() {
			$("#townSelect li").removeClass('activeTown');
			$(this).addClass("activeTown");
			$('.b-town__popup').fadeOut(300);
		});
	});
	//выбор города
	(function($, window) {
		$.fn.loginTown = function($town) {
			var $self = this,
				$window = $(window);

			return this.toggle(
				function() {
				   $town.fadeIn(300).bind('click.bTown', function(event){
					event.stopPropagation();
				   });
				   
				},
				function(){
				   $town.fadeOut(300).unbind('.bTown');
				   $window.unbind('.bTown');
				 return false;
				}
			);
		};
	})(jQuery, window);
</script>
<style>
#townSelect{margin:0; padding:0;}
#townSelect li{list-style: none;line-height: 1.5;}
.b-town__popup {width: 427px; height: 72px;display: none; padding: 0;left: 10px; top: 30px; position: absolute;z-index: 151;}
</style>
<body>
	<div class="wrap_town">
		<div class="b-town" >
			<div class="b-town__link" id="townPopup">
				<a href="#" id="townChoice" class="main_bold_font">Санкт-Петербург</a>
			</div>
			<div class="b-town__popup" id="town">
				<ul id="townSelect">
					<li><a href="#" class="townNow" title="Абакан">Абакан</a></li>
					<li><a href="#" class="townNow" title="Архангельск">Архангельск</a></li>
					<li><a href="#" class="townNow" title="Астрахань">Астрахань</a></li>
					<li><a href="#" class="townNow" title="Барнаул">Барнаул</a></li>
					<li><a href="#" class="townNow" title="Белгород">Белгород</a></li>
					<li><a href="#" class="townNow" title="Бийск">Бийск</a></li>
					<li class="activeTown"><a href="#" class="townNow" title="Благовещенск">Благовещенск</a></li>
					<li><a href="#" class="townNow" title="Братск">Братск</a></li>
					<li><a href="#" class="townNow" title="Брянск">Брянск</a></li>
					<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
					<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
					<li><a href="#" class="townNow" title="Владимир">Владимир</a></li>
					<li><a href="#" class="townNow" title="Вологда">Вологда</a></li>
					<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
					<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
					<li><a href="#" class="townNow" title="Великий Новгород">Великий Новгород</a></li>
					<li><a href="#" class="townNow" title="Владивосток">Владивосток</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>


Не могу понять в чем причина такой работы окна.
При выборе города только по двойному клику открывается Popap.
Скорее всего так происходит потому, что данные из окна передаются в ссылку.
Как сделать чтобы при одинарном клике открывался/закрывался Popap?


Часовой пояс GMT +3, время: 17:44.