Добрый день.
Естьсайт . Появилась необходимость вставить сторонний JavaScript код, который должен открывать PopUp окно, по нажатию на кнопку "Структурные подразделения". Всё это дело работает на jQuery и небольшом JS скрипте.
Код кнопки:
JS скрипт:
CSS:
и код, который вставляется в непосредственно в head
И вот что мы имеем. Данный код не работает на главной странице, а в других разделах работает. Т.е. если перейти на любую новость, то данный JS код отрабатывает и по нажатию на кнопку открывается заветное окно.
Подскажите, пожалуйста, куда копать и почему такое происходит.
Есть
Код кнопки:
Код |
---|
<div class="button"><a href="#" alt="Открыть окно" class="runpl">.</a></div> |
JS скрипт:
Код |
---|
// plPopup.min.js v 0.7 // by Radiocity @bk.ru // Requests: jquery 1.4.3+ (f unction($){var f={width:'400',height:'200',background:false,html:'',url:'',close:'close'};var g;$.fn.plPopup=f unction(d){g=$.extend({},f,g,d);var e=1+Math.floor(Math.random()*1024);if(g.background){if(!$("div").is("#plup_fade")){$("body").append('<div id="plup_fade'+e+'" class="plup_fade"></div>');$("#plup_fade"+e).hide()}}$("body").append('<div id="plup_msg'+e+'" class="plup_msg" st yle="width:'+parseInt(g.width)+'px; min-height:'+parseInt(g.height)+'px; height:'+parseInt(g.height)+'px; margin-top: -'+(parseInt(g.height)/2)+'px; margin-left: -'+(parseInt(g.width)/2)+'px;"></div>');$("#plup_msg"+e).html('<div class="plup_data"></div>');if(g.html){$("#plup_msg"+e+" .plup_data").html(g.html)}else{if(g.url){$("#plup_msg"+e+" .plup_data").load(g.url,f unction(a,b,c){if(b=="error"){$("#plup_msg"+e+" .plup_data").html('<b>plPopup:</b> Error loading data =(</div>')}})}else{$("#plup_msg"+e+" .plup_data").html('<b>plPopup:</b> Nothing to render! =(')}}$("#plup_msg"+e).hide();if(g.close){$("#plup_msg"+e).append('<div class="plup_close"><a href="#" title="'+g.close+'">'+g.close+'</a></div>')}$(this).click(f unction(){$("#plup_fade"+e).show();$("#plup_msg"+e).fadeIn('slow')});$("#plup_msg"+e+" .plup_close a, #plup_fade"+e).click(f unction(){$("#plup_msg"+e).fadeOut('slow');$("#plup_fade"+e).delay(8000).hide()});return this}})(jQuery); |
CSS:
Код |
---|
.plup_fade{ position: absolute; top: 0; left:0; right:0; bottom:0; /*min-height: 100%; height: 100%*/ width:100%; background: #000; *filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; z-index:9998; margin: 0 auto; } .plup_msg{ position:absolute; top:50%; left:50%; background:#fff; z-index:9999; border: 1px solid #667; } .plup_data, .plup_close{ padding:8px; } .button { background: #000 url(upravleniya_.png) no-repeat; height: 256px; width: 27px; position: fixed; top: 490px; left: 0px; } .button a { font-size: 1%; display: block; text-align: center; height: 100%; color: #1F66BE; } |
и код, который вставляется в непосредственно в head
Код |
---|
$(docu ment).ready(f unction(){ $(".runpl").plPopup({background:true, close:'Закрыть', html:'<h4 class="background:">Сайты структурных подразделений:</h4><ul><li><a href="http://umas.mouhta.ru/" target="_blank">МУ "УМАС"</a></li></ul><br><br>'}); }); |
И вот что мы имеем. Данный код не работает на главной странице, а в других разделах работает. Т.е. если перейти на любую новость, то данный JS код отрабатывает и по нажатию на кнопку открывается заветное окно.
Подскажите, пожалуйста, куда копать и почему такое происходит.