VPF::qTip - открытие по выхову из функции

JAYBE

Дата 10.4.2012, 08:53 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: -1
Всего: 0

Добрый день.
На странице должны использоватсья всплывющие сообщения для таких вещей как: изменения сохранены, сообщение отправлено и др. Для этого мне подошёл qTip-плагин. Но беда в том, что мне необходимо чтобы сообщения всплывались при вызове функции, т.е. например так:

Код


$(<button>).click(function() {
 if ($(this).val()=="1") {
  <вызов qtip>
} else {alert("бывает и так")}
}
$(<button>).qtip({<мне необходимые параметры>})

Но qtip вспылвает независимо от условной функции...

Это сообщение отредактировал(а) Aliance - 11.4.2012, 09:14

Aliance

Дата 10.4.2012, 10:30 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Ну а в чем проблема? Зачем вообще 6 строчка? Она должна быть на месте третьей вот так:

Код


$(<button>).click(function() {
 if ($(this).val()=="1") {
   $(this).qtip({<мне необходимые параметры>})
} else {alert("бывает и так")}
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

JAYBE

Дата 11.4.2012, 08:54 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: -1
Всего: 0

Не работает

Добавлено через 6 минут и 58 секунд
Такое решение, сначала добавил проверку условию при рендеринге, но не помогло, так как один раз срендеровшись - потом постоянно появляелся.

Код


events: {
        render: function(event, api) {
            if($("#check").attr("checked")=="checked") {alert(); return true} else {
                alert(1);return false}
            }
        }

Решение: добавить исключение на show:

Код


$('button').qtip({
    content: "<img src=\"ss.png\">",
position: {
        target: "mouse"
    },
style: {
    tip: false,
        classes: 'ui-tooltip-dark'
    },
    show: {
        effect: function() {
            if($("#check").attr("checked")=="checked") {
            $(this).slideDown(1000); // "this" refers to the tooltip
            }
        }
    },
events: {
        render: function(event, api) {

            }
        }

})

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »