Сразу скажу: опыта в сайтостроении у меня 2 недели, js и php, понимаю только на уровне своей логики.
Собственно о проблеме, на локальном сервере стоит DLE 10 на нем сайт, подключаю fancybox для создания красивой галереи, перестают работать модальные окна на сайте. Косяк явно в js, браузер (при нажатии на кнопку вызывающую модальное окно) выдает:
function AddComplaint(b, c) {
var d = {};
d[dle_act_lang[3]] = function () {
$(this).dialog("close")
};
d[dle_p_send] = function () {
if (1 > $("#dle-promt-text").val().length) $("#dle-promt-text").addClass("ui-state-error");
else {
var d = $("#dle-promt-text").val();
$(this).dialog("close");
$("#dlepopup").remove();
$.post(dle_root + "engine/ajax/complaint.php", {
id: b,
text: d,
action: c
}, function (b) {
"ok" == b ? DLEalert(dle_p_send_ok, dle_info) : DLEalert(b, dle_info)
})
}
};
$("#dlepopup").remove();
$("body").append("<div id='dlepopup' title='" + dle_complaint + "' style='display:none'><br /><textarea name='dle-promt-text' id='dle-promt-text' class='ui-widget-content ui-corner-all' style='width:97%;height:100px; padding: .4em;'></textarea></div>");
$("#dlepopup").dialog({
autoOpen: !0,
width: 500,
dialogClass: "modalfixed",
buttons: d
});
$(".modalfixed.ui-dialog").css({
position: "fixed"
});
$("#dlepopup").dialog("option", "position", ["0", "0"])
}
<head>
{headers}
<link href="{THEME}/css/main.css" rel="stylesheet" type="text/css">
<link href="{THEME}/css/engine.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<!-- Add jQuery library -->
<script type="text/javascript" src=
"fancybox/lib/jquery-1.10.1.min.js">
</script><!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src=
"fancybox/lib/jquery.mousewheel-3.0.6.pack.js">
</script><!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src=
"fancybox/source/jquery.fancybox.js?v=2.1.5">
</script>
<link rel="stylesheet" type="text/css" href=
"fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen">
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href=
"fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5">
<script type="text/javascript" src=
"fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5">
</script><!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href=
"fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7">
<script type="text/javascript" src=
"fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7">
</script><!-- Add Media helper (this is optional) -->
<script type="text/javascript" src=
"fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6">
</script>
<script type="text/javascript" src=
"fancybox/lib/jquery-my.js">
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
</head>
Если что забыл указать, сильно не ругайте. Спасибо.