Всем привет. Народ, есть вот такая вот страничка:
http://trikolor-orenburg.ru/products.html
Я хочу на ней по щелчку по ссылке "Подгрузить данные" - чтобы на эту страницу внутрь блока с классом wrapper подгружалось содержимое страницы row.html
Вот код страницы
http://trikolor-orenburg.ru/products.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="private">
<title></title>
<script src="assets/js/jquery.js"></script>
<link rel="stylesheet" href="assets/css/uikit.css" />
<link rel="stylesheet" type="text/css" href="assets/css/custom.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.fancybox.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.bxslider.css">
<!--<script src="assets/js/jquery-3.2.0.min.js"></script>-->
<script src="assets/js/uikit.min.js"></script>
<script src="assets/js/uikit-icons.js"></script>
<script src="assets/js/jquery.fancybox.js"></script>
<script src="assets/js/jquery.bxslider.js"></script>
<script>
$(document).ready(function(){
$('.wrapper a').click(function(){
var content;
//$(this).fadeOut();
$.get('row.html', function(data){
content = data;
$('.wrapper').append(content);
});
});
/*
slider = $('.bxslider').bxSlider({
pagerCustom: '#bx-pager'
});
$('.trigger').fancybox();
$('.trigger').on('click', function(){
slider.reloadSlider();
});
$('form').submit(function(e){
var $form = $(this);
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize()
}).done(function(result){
alert('Сообщение успешно отправлено!');
//Тут надо сделать так, чтобы модальное окно само закрывалось после отправки сообщения
$('#modal1').fadeOut('slow', function(){
});
}).fail(function(result){
alert('Ошибка при отправке сообщения!' + result);
});
//отмена действия по умолчанию для кнопки submit
e.preventDefault();
});
//Делаем поле телефона обязательным для заполнения
$('input[name=phone]').on('input keyup',function(e){
if($(this).val()=='')
$('form input[type=submit]').prop('disabled',true);
else
$('form input[type=submit]').prop('disabled',false);
});*/
});
</script>
</head>
<body>
...
<div class="wrapper">
<div class="block">
Данные
</div>
<div class="block">
Данные
</div>
<a href="#">Подгрузить данные</a>
</div>
</body>
</html>
$.get нормально работает, и добавляет в блок с классом wrapper содержимое row.html только если не подгружать к странице 2 css файла:
uikit.css и custom.css
Если в разделе head закомментировать их подключение - то всё нормально добавляется.
Проблема в том, что эти 2 css файла мне нужны, без них никак. Подскажите, есть ли способ, как это можно вылечить?