По поводу всплывающего окна 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. |