Problem z kodem jquery
Cześć,
Na bardzo starej wersji LMSa miałem działające tab menu z efektem jquery slideUp i slideDown, na najnowszym niestety nie działa. Domyślam się, że chodzi o wersję jquery i składnie kodu ale nie mogę tego rozkminić. Może ktoś podrzuci pomysł jak to wskrzesić ? Z góry dziękuję.
*Kod jquery:*
$(document).on("ready", function(){ $("a.tab").on("click", function(){
$(".active").removeClass("active");
$(this).addClass("active");
$(".cont").slideUp();
var new_content = $(this).attr("title"); $("#" + new_content).slideDown(); }); });
*HTML:
*<div class="tabbed_area">
<ul class="tabs"> <li><a href="#" title="nodeinfo-hard" class="tab"><i class="fa fa-desktop fa-lg" aria-hidden="true"></i> Informacje o sprzęcie</a></li> <li><a href="#" title="nodeinfo-logs" class="tab"><i class="fa fa-history fa-lg" aria-hidden="true"></i> Informacje zdalne (logi)</a></li> </ul>* * <div id="nodeinfo-hard" class="cont"> /ZAWARTOŚĆ/ </div>
<div id="nodeinfo-logs" class="cont"> *ZAWARTOŚĆ* </div>
</div>
Dodam, że inny kod sterujący pojawianiem się opcji na kliknięcie w ikonę działa bez problemu:
$(document).ready(function(){ $(".menu-opt-cog").click(function(){ $(".options").animate({ width: "toggle" }); }); });
Pozdrawiam Jacek
Przy takiej modyfikacji wykonuje się wszystko boldem
*$(document).ready(function(){** ** $("a.tab").click(function(){** **** **** **** ** $(".active").removeClass("active");** **** **** ** $(this).addClass("active");** **** **** ** $(".cont").slideUp("slow");*
var new_content = $(this).attr("title"); $("#" + new_content).slideDown("slow"); }); });
W dniu 17.09.2021 o 06:33, Jacek Brzozowski pisze:
Cześć,
Na bardzo starej wersji LMSa miałem działające tab menu z efektem jquery slideUp i slideDown, na najnowszym niestety nie działa. Domyślam się, że chodzi o wersję jquery i składnie kodu ale nie mogę tego rozkminić. Może ktoś podrzuci pomysł jak to wskrzesić ? Z góry dziękuję.
*Kod jquery:*
$(document).on("ready", function(){ $("a.tab").on("click", function(){
$(".active").removeClass("active");
$(this).addClass("active");
$(".cont").slideUp();
var new_content = $(this).attr("title"); $("#" + new_content).slideDown(); }); });
*HTML:
*<div class="tabbed_area">
<ul class="tabs"> <li><a href="#" title="nodeinfo-hard" class="tab"><i class="fa fa-desktop fa-lg" aria-hidden="true"></i> Informacje o sprzęcie</a></li> <li><a href="#" title="nodeinfo-logs" class="tab"><i class="fa fa-history fa-lg" aria-hidden="true"></i> Informacje zdalne (logi)</a></li> </ul>*
<div id="nodeinfo-hard" class="cont"> /ZAWARTOŚĆ/ </div>
<div id="nodeinfo-logs" class="cont"> *ZAWARTOŚĆ* </div>
</div>
Dodam, że inny kod sterujący pojawianiem się opcji na kliknięcie w ikonę działa bez problemu:
$(document).ready(function(){ $(".menu-opt-cog").click(function(){ $(".options").animate({ width: "toggle" }); }); });
Pozdrawiam Jacek
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient Wolny od wirusów. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient
<#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
lms mailing list lms@lists.lms.org.pl https://lists.lms.org.pl/mailman/listinfo/lms
OK, coś go bolał atrybut "title", zmieniłem na testy na title1 i poszło, pewnie z czymś się gryzło.
W dniu 17.09.2021 o 16:53, Jacek Brzozowski pisze:
Przy takiej modyfikacji wykonuje się wszystko boldem
*$(document).ready(function(){** ** $("a.tab").click(function(){**
** $(".active").removeClass("active");**
** $(this).addClass("active");**
** $(".cont").slideUp("slow");*
var new_content = $(this).attr("title"); $("#" + new_content).slideDown("slow"); }); });
W dniu 17.09.2021 o 06:33, Jacek Brzozowski pisze:
Cześć,
Na bardzo starej wersji LMSa miałem działające tab menu z efektem jquery slideUp i slideDown, na najnowszym niestety nie działa. Domyślam się, że chodzi o wersję jquery i składnie kodu ale nie mogę tego rozkminić. Może ktoś podrzuci pomysł jak to wskrzesić ? Z góry dziękuję.
*Kod jquery:*
$(document).on("ready", function(){ $("a.tab").on("click", function(){
$(".active").removeClass("active");
$(this).addClass("active");
$(".cont").slideUp();
var new_content = $(this).attr("title"); $("#" + new_content).slideDown(); }); });
*HTML:
*<div class="tabbed_area">
<ul class="tabs"> <li><a href="#" title="nodeinfo-hard" class="tab"><i class="fa fa-desktop fa-lg" aria-hidden="true"></i> Informacje o sprzęcie</a></li> <li><a href="#" title="nodeinfo-logs" class="tab"><i class="fa fa-history fa-lg" aria-hidden="true"></i> Informacje zdalne (logi)</a></li> </ul>*
<div id="nodeinfo-hard" class="cont"> /ZAWARTOŚĆ/ </div>
<div id="nodeinfo-logs" class="cont"> *ZAWARTOŚĆ* </div>
</div>
Dodam, że inny kod sterujący pojawianiem się opcji na kliknięcie w ikonę działa bez problemu:
$(document).ready(function(){ $(".menu-opt-cog").click(function(){ $(".options").animate({ width: "toggle" }); }); });
Pozdrawiam Jacek
http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient Wolny od wirusów. www.avg.com http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient
<#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
lms mailing list lms@lists.lms.org.pl https://lists.lms.org.pl/mailman/listinfo/lms
lms mailing list lms@lists.lms.org.pl https://lists.lms.org.pl/mailman/listinfo/lms
uczestnicy (1)
-
Jacek Brzozowski