Перейти к публикации
Nell

Конфликт скриптов

Рекомендованные сообщения

Nell

Есть скрипт var $j = jQuery.noConflict();

 

function showWidget(id)

 

{

$j("#div_" + id).show("fade").fadeIn("fade");

}

function hideWidget(id)

{

$j("#div_" + id).hide("fade").fadeOut("fade");

} , после его подключения не работает модальные окна и т.д, подскажите как исправить конфликт.Заранее спасибо

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

jQuery можно вызвать через переменные $ и jQuery. В случае режима noConflict первая не работает (возможно она используется другим фреймовиком).

jQuery.noConflict();
function showWidget(id){
jQuery("#div_" + id).show("fade").fadeIn("fade");
}
function hideWidget(id){
jQuery("#div_" + id).hide("fade").fadeOut("fade");
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

я так уже делал, все равно модальные и т.д, вообщем Jquery скрипты все на сайте не работают, удаляю этот скрипт и работают.МАГИЯ https://nevex.pw/public/style_emoticons/default/pooh.gif

Изменено пользователем Nell

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Вот ещё не сразу заметил косяк: fade - это эффект, а не скорость.


jQuery.noConflict();
function showWidget(id){
jQuery("#div_" + id).stop(true, true).fadeIn("normal");
}
function hideWidget(id){
jQuery("#div_" + id).stop(true, true).fadeOut("normal");
}
ЗЫ: Зачем использовать noConflict?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

Вот ещё не сразу заметил косяк: fade - это эффект, а не скорость.

jQuery.noConflict();
function showWidget(id){
jQuery("#div_" + id).stop(true, true).fadeIn("normal");
}
function hideWidget(id){
jQuery("#div_" + id).stop(true, true).fadeOut("normal");
}
ЗЫ: Зачем использовать noConflict?

 

Вот ещё не сразу заметил косяк: fade - это эффект, а не скорость. > с этим+ удалил noConflict и все работает.Спасибо большое!

 

еще такой вопрос, как сделать , что бы скрипт сначала вызывался в скрытом виде, а потом уже по нажатию как обычно он раскрывался?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

еще такой вопрос, как сделать , что бы скрипт сначала вызывался в скрытом виде, а потом уже по нажатию как обычно он раскрывался?

 

Вопрос непонятен.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

ну вот в данный момент окно в раскрытом виде, по нажатию на ссылку оно скрывается, как сделать что бы окно при заходе на сайт было уже в скрытом виде, просто потом нажать на ссылку и откроется.

Изменено пользователем Nell

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Местами значения поменять))

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

ну вот в данный момент окно в раскрытом виде, по нажатию на ссылку оно скрывается, как сделать что бы окно при заходе на сайт было уже в скрытом виде, просто потом нажать на ссылку и откроется.

 

display:none :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

<div id="darks" class="container">
<div id="presseds" class="box" >
<center><a href="javascript:void(0)" onclick="showWidget(1)" >Развернуть</a>  <a href="javascript:void(0)" onclick="hideWidget(1)">Скрыть</a><center>
<div id="div_1">текст</div>
текст , как я тут display:none , или я туплю хД( Изменено пользователем Nell

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey
текст

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

<div id="div_1" style="display:none;">текст</div>

 

спасибо, что называется лечь спать в 3 часа ночи, и встать в 5 :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nell

Ребята, если еще не сложно, ответить на последний вопрос..Вот функция перетаскивания элементов


<style>
    body{font:9pt Arial,sans-serif;}
    p{color:#888; margin:8px 0 12px 0}
    #draggable{width:125px; height:125px; padding:0.5em; border:1px solid #ddd; background-color:#eee}
  </style>
  <div id="draggable">
    <p>Перетаскиваемый элемент</p>
  </div>

  <script>
    $("#draggable").draggable();
  </script>

вот мой код

<div id="darks" class="container"><div  id="presseds" class="box"><a href="javascript:void(0)" onclick="showWidget(1)" >Развернуть</a>  <a href="javascript:void(0)" onclick="hideWidget(1)">Скрыть</a> <div id="div_1"style="display:none;">текст</div></div></div>
уже по разному пытался подключить, а перемещаться окно не хочет.Заранее спасибо за помощь! Изменено пользователем Nell

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...