Форум

okayguys · #1 (**permalink**) 05.08.2017, 16:10

Здравствуйте.
Я в Javascript не очень, поэтому спрошу, возможно, глупый вопрос.
В общем у меня сайт написан на jQuery v1.11.3, я хочу поставить данный "плагин" на сайт, но он написан на jQuery 1.4.2.
В общем пытался попробовать данным способом подружить их, не получилось.
Помогите, пожалуйста, советом, как это можно сделать.
Предварительное спасибо за помощь.
Больной

j0hnik · #2 (**permalink**) 05.08.2017, 16:16

совет, работать на самом новом jquery 3.2.1. все плагины которые отвалятся, обновить.

Nexus · #3 (**permalink**) 05.08.2017, 16:40

Проще заюзать fancy.

рони · #4 (**permalink**) 05.08.2017, 16:51

okayguys,
найдите в плагине строки с live - примерно 81 и 84 , замените на

$('body').on('click', '.' + settings.activeClass,function(){
				select(this);
			});
			$('body').on('click', '.' + settings.selectedClass,function(){
				hideSelected();
			});

jQuery 1.4.2. не ставить.

okayguys · #5 (**permalink**) 05.08.2017, 17:22

рони,
попробовал, спасибо. Почему-то не работает.
Самое интересное, что на "нулевой" странице с подключенным 1.11.3 все работает.
В чем может быть причина? Буду ПРЕМНОГО благодарен, если поможете мне с решением данной проблемы.

Rise · #6 (**permalink**) 05.08.2017, 18:08

Сообщение от okayguys

В чем может быть причина?

$container.on('click', '.' + settings.activeClass, function(){
	select(this);
});
$container.on('click', '.' + settings.selectedClass, function(){
	hideSelected();
});

okayguys · #7 (**permalink**) 05.08.2017, 21:50

Rise, рони,
Большое спасибо. Вы лучший.

okayguys · #8 (**permalink**) 05.08.2017, 22:49

Ребят. Немного оффтоп, но вопрос такой .
Данный скрипт не является адаптированным под различные разрешения, опять же у больного наблюдается съезд за границы сайта при маленьком разрешении.
Как можно вылечить? Полазил в CSS, поэкспериментировал ничего путного не вышло.
Дайте совет, пожалуйста, хотя бы куда копать.
Или лучше всего выкинуть этот скрипт и забить?
Большое спасибо, еще раз.

рони · #9 (**permalink**) 05.08.2017, 22:59

okayguys,
копать в сторону css, и заменить плагин на toggleClass.

рони · #10 (**permalink**) 05.08.2017, 23:28

okayguys,
css не самый лучший вариант, для показа примера с toggleClass

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  img{
    width: 180px;
    height: 90px;
    transition: all 1.8s ease-in-out;
  }
  div{
    width: 180px;
    height: 90px;
    float: left;

  }

  .fix{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width:  auto;
    height:  80%;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var pic = $("img");
pic.on("click", function() {
pic.not($(this).toggleClass("fix")).removeClass("fix")
})
});
  </script>
</head>

<body>
<div><img src="http://www.vashsad.ua/i/gallery/wallpapers/24/1280_800/L558J859.jpg" alt=""></div>
<div><img src="http://w7t.ru/zooms/7da1/7/6168262b44.jpg" alt=""></div>
<div><img src="http://stat17.privet.ru/lr/0a0cd32bec610080b2aea5cb20b0ff4e" alt=""></div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript