Nefunkční skript kvůli spuštěnému druhému skriptu

13. 7. 2016 17:32:02

Ahoj, řeším nyní takový problém u klienta, kterému upravuji e-shop na platformě Shoptet.

Na stránku kategorie jsem vložil skript, který jsem našel, pro zkrácení delšího textu a jeho následného zobrazení na kliknutí, viz: http://www.outdooria.cz/damska-tricka/. Tlačítko "Zobrazit celý popis" pod prvním odstavcem.

Nicméně, pokud pod tím na filtru zaškrtnu například políčko "Novinka", aby se vyfiltrovali nové produkty, pak se spustí skript, který je vyfiltruje, ale vyruší se tím skript pro zkrácení textu, zobrazí se text celý. Skript se opět zaktivuje, jen když refrešnu stránku.

Nevíte, v čem by mohl být problém? Zde uvádím skript, který zkracuje text:

$(document).ready(function() {
    // Configure/customize these variables.
    var showChar = 0;  // How many characters are shown by default
    var ellipsestext = "";
    var moretext = "Zobrazit celý popis »";
    var lesstext = "» Zobrazit zkrácený popis";

$('.item').each(function() {
 var content = $(this).html();
 
 if(content.length > showChar) {
 
 var c = content.substr(0, showChar);
 var h = content.substr(showChar, content.length - showChar);
 
 var html = c + '' + ellipsestext+ ' ' + h + ' <a href="" class="morelink" style="margin-top: -10px; text-align: right;">' + moretext + '</a>';
 
 $(this).html(html);
 }
 
 });
 
 $(".morelink").click(function(){
 if($(this).hasClass("less")) {
 $(this).removeClass("less");
 $(this).html(moretext);
 } else {
 $(this).addClass("less");
 $(this).html(lesstext);
 }
 $(this).parent().prev().toggle();
 $(this).prev().toggle();
 return false;
 });
});

Děkuji za rady :)

13. 7. 2016 17:32:02

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210215

David Petricek

(32 hodnocení)

13. 7. 2016 18:18:57

Ten script se ti nezruší, pořád tam je. Tobě se smaže a znovu nahraje neupravený text přes ajax, takže potřebuješ nějak zařídit aby se to spustilo i na DOMSubtreeModified

13. 7. 2016 18:18:57

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210214

Denis Ulmann

(9 hodnocení)

13. 7. 2016 18:39:00

Jak píše David.

Buď udělat onclick a funkci a nebo v jquery místo .click() použít $(document).on('click', '.morelink')

13. 7. 2016 18:39:00

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210213

David Petricek

(32 hodnocení)

13. 7. 2016 18:41:54

.on('click', '.morelink') by nic nevyřešil, protože by neměl na co reagovat, jelikož morelink bez prvni časti neexistuje

Asi nejlepší by bylo to zapouzdřit cele do funkce a tu dostat do ajax callback, jenže aby se v tom shopnet js někdo vyznal...

13. 7. 2016 18:41:54

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210212

Celoy

(28 hodnocení)

13. 7. 2016 21:06:24

Napsal David Petricek;1308545
.on('click', '.morelink') by nic nevyřešil, protože by neměl na co reagovat, jelikož morelink bez prvni časti neexistuje
Asi nejlepší by bylo to zapouzdřit cele do funkce a tu dostat do ajax callback, jenže aby se v tom shopnet js někdo vyznal...

Jak by měl prosím tedy vypadal javascriptový kód, aby fungoval v pořádku. HTML a CSS ovládám, nicméně v Javacriptu jsem poněkud slabší. Děkuji :)

13. 7. 2016 21:06:24

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210211

smrtka

(3 hodnocení)

13. 7. 2016 21:19:24

Musíte přidat ten celý skript ještě do skriptu (ř. 843) po AJAX requestu, ptž ten přepíše obsah a tím zmizí všechny předchozí efekty

nejlépe celou tu věc na zkracování zapouzdřit do funkce a tu pak funkci volat v ready a v ajaxSuccess

13. 7. 2016 21:19:24

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210210

David Petricek

(32 hodnocení)

13. 7. 2016 21:48:17

A koukám že to zlobilo i na stránkování, tohle by to mělo celé vyřešit a díky smrtce za připomenuti :)

13. 7. 2016 21:48:17

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210209

Celoy

(28 hodnocení)

13. 7. 2016 22:10:55

Smrtka a David Petricek, mockrát děkuji :) Skutečně už to šlape jak hodinky, moc jste mi pomohli, díky :)

13. 7. 2016 22:10:55

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210208

David Petricek

(32 hodnocení)

13. 7. 2016 22:14:45

Ale při stránkování ti to ještě kope scroll :)

13. 7. 2016 22:14:45

https://webtrh.cz/diskuse/nefunkcni-skript-kvuli-spustenemu-druhemu-skriptu/#reply1210207

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

P: databáze všech domén (všechny TLD) s automaticky aktualizovaným WHOIS

1 000 Kč

0 příhozů

Poptávky Více

Software pro taxikáře

Poptávám zprovoznění GitLab pipeline

Nastavení FB reklamy

Marketing pro projekční kancelář

IT nastavení, převody a nastavení CRM

Pracovní nabídky Více

Hledáme React Native vývojáře na externí spolupráci

Nabídky Více

Facebook skupiny

⭐️ KOKESDESIGN.CZ | LOGO DESIGN NA MÍRU ⭐️

WORDPRESS web na míru od 1000 Kč

✅🔥 VIP UX/UI designér 🔥✅ – *SENIOR* Tvorba designu webů, portálů, e-shopů a aplikací na míru. ⭐️

Kvalitní SEO za nízké ceny: PR, minisites, linkbuilding aj.