[jquery] własna lista rozwijana Opcje

[phpowiec84]

wykonałem własną liste rozwijaną (autocomplete <ul><li>) która zawiera podpowiedzi dla danego pola ,
jak wykryć kliknięcie po za listą <ul> aby ją ukryć ?

[vokiel]

Wykryj kliknięcie na document, a z tego odfiltruj kliknięcie w obrębie ul

[phpowiec84]

z tym kliknięciem na dokument rozumiem ,tylko niewiem jak "odfiltrować kliknięcie w ul" (IMG:style_emoticons/default/sad.gif)

[vokiel]

Korzystasz z jQuery, tak?

[JAVASCRIPT] pobierz, plaintext 
$(document).on('click',function(){
    var $this = $(this);
    if ( $this.not('#ul_id') ){
        // ok
    }else{
        // ignore
    }
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował vokiel 28.12.2011, 22:28:40

[phpowiec84]

Tak ,korzystam z Jquery
ale niestety nie działa,powoduję błąd javascript (IMG:style_emoticons/default/sad.gif) (

[PlayKiller]

Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).click(function(){
  if ($(this).not('#ul_id') )
  {
    alert('poza lista')
  }
  else
  {
    alert('w liscie');
  }
});
[JAVASCRIPT] pobierz, plaintext 

[phpowiec84]

Dostaję alert po za listą (IMG:style_emoticons/default/sad.gif)

[vokiel]

Może tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).on('click', function(e) {
    var clicked = $(e.target);
    if ( clicked.attr('id') == 'ul_id'){
        // w obrębie listy ul
    }else{
        // poza listą
    }
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował vokiel 29.12.2011, 17:43:56

[phpowiec84]

wtedy konsola wypluwa mi : Uncaught TypeError: Object #<Object> has no method 'on' , dla document

[vokiel]

Podepnij jQuery w wersji 1.7, bo pewnie korzystasz ze starej

[PlayKiller]

Przecież to jest ciągle ten sam kod, tylko napisany w inny sposób. Źle podpinasz to pod HTML, skoro nie działa. Pokaż jak to wygląda.

Ten post edytował PlayKiller 29.12.2011, 21:54:22