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í)