[TeflonDon]

Tworzę sobie menu filtrujące mi divy po [data-tag]. Używam do tego tego pluginu. Wszystko działa elegancko gdy używam np. listy. Chciałbym zamiast tego używać ale niestety plugin nie współpracuje. Mógłby mi ktoś pomóc, nakierować? Dziękuję z góry.
#jquery #javascript #webdev

[Jare_K]

@TeflonDon: wpakuj sobie data-target do opcji selecta i przy jego zmianie wołaj PortFilter przekazując opcję.

[TeflonDon]

@Jare_K: mam cos takiego

val1

Czyli sugerujesz ze np. przy select.change wolaj portfilter? Moglbys mi mniej wiecej to rozpisac? W ostatecznosci ostyluje liste na wyglad dropdowna :D

[Jare_K]

@TeflonDon: dokładnie tak jak piszesz. Nie wiem czy masz jQuery czy czysty JS ale generalnie onchange => PortFilter(this.options[this.selectedIndex]) powinno zadziałać.

[TeflonDon]

@Jare_K: uzywam jquery. Zaraz obadam ( ͡° ͜ʖ ͡°)

[TeflonDon]

@Jare_K: taka konstrukcja nie działa, "Uncaught ReferenceError: PortFilter is not defined"

 $('select#car_value').change(function(){
 PortFilter(this.options[this.selectedIndex]);
 });

[Jare_K]

@TeflonDon: Spróbuj $.PortFilter

[TeflonDon]

Spróbuj $.PortFilter

@Jare_K: Uncaught TypeError: $.PortFilter is not a function

[Jare_K]

@TeflonDon: załadowałeś tę bibliotekę przed twoim kodem?

[TeflonDon]

@Jare_K: tak, najpiew mam jquery, pozniej portfilter, na koncu moj custom.js. A moze zmodyfukowac jakos kod samego pluginu?

[Jare_K]

@TeflonDon: spróbuj najpierw się dostać do funkcji.
Może $.fn.PortFilter zadziała.

[TeflonDon]

$.fn.

@Jare_K: ten sam błąd :/ calosc mam jescze w "$(document).ready(function(){". Moze to stanowi problem?

[Jare_K]

@TeflonDon: ten customowy kod masz w jakimś $('ready') {} itp. ?

[TeflonDon]

@Jare_K:

jQuery(function($) {
tutaj jakies inne funkcje

$(document).ready(function(){
 $('select#car_value').change(function(){
 $.fn.PortFilter(this.options[this.selectedIndex]);
 });
});

});

[Jare_K]

@TeflonDon: ok, spróbuj jeszcze to samo ale portfilter z małych.

[TeflonDon]

@Jare_K: ok, konsola sie uspokoila. Zero bledow. Natomiast nic sie nie filtruje

[Jare_K]

@TeflonDon: no trzeba przeanalizować czy opcje mają odpowiednie atrybuty i pokrywają się z targetami na div'ach. Tak na sucho mogę sobie tylko wyobrażać co tam siedzi. Pobaw się, użyj prostego debugowania do konsoli. Krok po kroku dojdziesz. Ewentualnie jakieś jsFiddle załóż to Mirasy pomogą.

[TeflonDon]

@Jare_K: podbije na stacka, dzieeeeki wielkie za dotychczasowa pomoc!

[Jare_K]

@TeflonDon: spoko. Kod wygląda, że łyknie opcje selecta. Zawsze lepiej coś poprawić w customie niż modyfikować bibliotekę.

[TeflonDon]

@Jare_K: hmm, a moze cos z api? ostatnia linijka pluginu to on(click....). A gdyby dac to samo tylko on change?

[Jare_K]

@TeflonDon: ale masz coś takiego w customie dla change. Ewentualnie sprawdź czy właściwe parametry trafiają do funkcji. Bez kodu to takie gdybanie ( ͡~ ͜ʖ ͡°)

[TeflonDon]

@Jare_K: https://codepen.io/anon/pen/xPqOVg ( ͡° ͜ʖ ͡°)

[Jare_K]

@TeflonDon: no i działa ( ͡° ͜ʖ ͡°)

[TeflonDon]

@Jare_K: klikniecie na liscie dziala, ale select juz nie ( ͡° ʖ̯ ͡°)

[Jare_K]

@TeflonDon: u mnie select działa pod Firefoxem.

[TeflonDon]

@Jare_K: faktycznie, pod ff dziala, a pod chrome juz nie :/

[Jare_K]

@TeflonDon: Trzeba wybadać co jest nie halo. Chwilowo mam zajob, nie mogę zerknąć. Looknę później jak nie znajdziesz do tego czasu rozwiązania.

[TeflonDon]

@Jare_K: będę mega wdzięczny jeżeli dasz radę na to spojrzeć w wolnej chwili. Napisalem tez w razie czego na stacku wiec jak cos dam znac

[TeflonDon]

@Jare_K: coś takiego zadziałało ( ͡° ͜ʖ ͡°)

$(":selected", this).portfilter('filter');

[Jare_K]

@TeflonDon: spoko, dzięki za update. ( ͡° ͜ʖ ͡°)