Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JQuery] Dokonywanie akcji na dynamicznie utworzonych wierszach tabeli
KotWButach
post 2.07.2014, 08:57:20
Post #1





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Witam
Mam problem sad.gif i proszę was o pomoc.
Tworzę dynamicznie tabelę

  1. $(".jquery-add-row").click(function(event) {
  2. var countColumns = $("tr:last td").length;
  3. var string = '<tr>';
  4. string += '<td class="edit"><input type="checkbox" name="to-delete" value="ON" /><ul><li><a href="">odznacz wszystkie</a></li><li><a href="">skasuj zaznaczone</a></li></ul></td>';
  5. for (var i = 1; i < countColumns; i++) {
  6. string += '<td><input type="text" name="" value="" /></td>';
  7. }
  8.  
  9. string += '</tr>';
  10.  
  11. $("tbody").append(string);
  12.  
  13. return false;
  14.  
  15. });


mam jednak problem ponieważ nowo utworzone wiersze nie reagują na

  1. $(document).ready(function() {
  2. $("table tbody .edit").hover(function() {
  3. $(this).children('ul').css('display', 'block');
  4. }, function() {
  5. $(this).children('ul').css('display', 'none');
  6. });
  7. });


prosze o pomoc sad.gif.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
nospor
post 2.07.2014, 09:03:56
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No i prawidlowo. Niby czemu mają reagowac na cos, co bylo robione keidy ich jeszcze nie bylo?

ALbo zainteresuj się ON w jQuery, albo przy kazdym dodanym wierszem podpinaj mu na nowo co ma miec podpiete - dosc logiczne


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

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
KotWButach
post 2.07.2014, 09:21:48
Post #3





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Czy możesz mi jeszcze podpowiedzieć coś.
Zrobiłem tak ale dalej nie reaguje sad.gif

  1. $(".jquery-add-row").on( "click", function(event) { //dodawanie wiersza }


  1. $(document).on('ready',document,function() {
  2. $("table tbody .edit").hover(function() {
  3. $(this).children('ul').css('display', 'block');
  4. }, function() {
  5. $(this).children('ul').css('display', 'none');
  6. });
  7. });
Go to the top of the page
+Quote Post
Turson
post 2.07.2014, 09:24:12
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


on() ma być przy hoverze, a nie clicku dodawania wiersza
Go to the top of the page
+Quote Post
nospor
post 2.07.2014, 09:28:29
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Pod ON miales podpiac to, co chcesz by sie robili na wierszu, czyli HOVER, a ty podpinasz wszystko inne tylko nnie hover...

ps: na stronie jQuery napisali, ze hover jest juz deprecated a w najnowszym wyrzucone totalnie. Zamiast tego uzywac nalezy mouseenter oraz mouseleave


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

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
KotWButach
post 2.07.2014, 10:10:44
Post #6





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Dziękuje wam za podpowiedzi smile.gif

  1. $('tbody').on('mouseenter', '.edit', function() {
  2. $(this).children('ul').css('display', 'block');
  3. });
  4.  
  5. $('tbody').on('mouseleave', '.edit', function() {
  6. $(this).children('ul').css('display', 'none');
  7. });
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:06