[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: всплывающие подсказки
123456
<div id="pp"></div>

<button
onClick="newSlot()">Добавить</button>

<script
type="text/javascript">

var
i = 0;

function newSlot()
{
i++;

$("#pp").prepend('<div data-tooltip="'+i+'">'+i+'</div>')
}

$("[data-tooltip]").mousemove(function (eventObject) {

// всплывающая подсказка

});


</script>



как сделать, чтоб при новых, добавленных элементах работали всплывающие подсказки?
AllesKlar
$("#pp").prepend('<div data-tooltip="'+i+'" title="Всплывающая подсказка">'+i+'</div>')


_____________
[продано копирайтерам]
123456
ну и что это???
надо чтоб работал этот код для новых элементов созданных при помощи нажатия на буттон
Цитата
$("[data-tooltip]").mousemove(function (eventObject) {

  // всплывающая подсказка

    });

sergeiss
123456, в твоем случае надо использовать delegate: http://api.jquery.com/delegate/

Ты создашь обработчики и для существующих объектов, удовлетворяющих условиям, и для будущих, которые еще только будут динамически созданы.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
AllesKlar
Цитата
ну и что это???

Цитата
Это немного не то, я имел ввиду...

Удачи.

_____________
[продано копирайтерам]
sergeiss
Цитата (AllesKlar @ 22.04.2014 - 16:57)
Удачи.

Возможно, человек хочет сделать свой обработчик всплывающих подсказок? Почему бы и нет smile.gif Это ж красивее можно оформить, чем делается средствами браузера.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
AllesKlar
sergeiss
Я ж не против.
Я просто вежливо откланялся из темы.


_____________
[продано копирайтерам]
123456
sergeiss
т.е. в моем случае вот эту строку

$("[data-tooltip]").mousemove(function (eventObject) {


заменить на эту???

$("#pp").delegate("div", "mousemove", function(eventObject){
sergeiss
Цитата (123456 @ 22.04.2014 - 18:02)
заменить на эту???

$("#pp").delegate("div", "mousemove", function(eventObject){

Суть ты правильно понял, да.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
123456
Вот весь код



<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script
type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>



<div
id="pp"><div data-tooltip="'+i+'">'+i+'</div></div>

<button
onClick="newSlot()">Добавить</button>


<script
type="text/javascript">

var
i = 0;

function newSlot()
{
i++;

$("#pp").prepend('<div data-tooltip="'+i+'">'+i+'</div>')
}


$("#pp").delegate("div", "mousemove", function(){

$data_tooltip = $(this).attr("data-tooltip");

alert($data_tooltip);

});


</script>


но что-то не работает
123456
через .live работает
sergeiss
Цитата (123456 @ 22.04.2014 - 18:12)
$data_tooltip = $(this).attr("data-tooltip");
 
  alert($data_tooltip);

alert( $(this).data('tooltip') );


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
123456
sergeiss
даже alert('1') не выполняется


$("#pp").delegate("div", "mousemove", function(){

alert('1');

});
sergeiss
Цитата (123456 @ 22.04.2014 - 18:12)
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"

А если ты посмотришь по ссылке, что я дал чуть ранее, то увидишь, для delegate "version added: 1.4.2"

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
123456
не обратил внимания. спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.