[jQuery] własne podpowiedzi do input Opcje

[maniek74]

Witam

Od razu zaznaczam że nie chce .autocomplete.

Napisałem taki skrypt:

[HTML] pobierz, plaintext 
$("input[name='formSearchPriceMin']").keyup(function() {
	     $.ajax({
		     url: '{DOMAIN_ALL}/ajaxFunction.php?func=searchPriceMin&priceMin='+$("input[name='formSearchPriceMin']").val(),
             success: function(results) { $('#priceMinContent').html(results); }
	     });
});
[HTML] pobierz, plaintext 

Otrzymuje podpowiedź do input w polu <div id="priceMinContent"></div>

[HTML] pobierz, plaintext 
<ul id="priceMin">
<li class="bottom" id="priceMinValue_100">100</li>
<li class="bottom" id="priceMinValue_1000">1 000</li>
<li class="bottom" id="priceMinValue_10000">10 000</li>
<li class="bottom" id="priceMinValue_100000">100 000</li>
<li id="priceMinValue_1000000">1 000 000</li>
</ul>
[HTML] pobierz, plaintext 

i to działa super.

Teraz chce wyciągnąć id z li:

[HTML] pobierz, plaintext 
 $("[id*='priceMinValue_']").click(function() { 
     var priceMin = this.id.replace(/priceMinValue_/, '');
     alert(priceMin);
});
[HTML] pobierz, plaintext 

i za nic nie chce dać alerta;
próbowałem
.live( "click", function() {
.bind( "click", function() {
.on( "click", function() {

Prosiłbym o naprowadzenie co jest nie tak.

Pozdrawiam

[trueblue]

$('#priceMinContent').on( "click", "li", function() {
#priceMinContent - istniejący element
li - dynamicznie dołączany element

[maniek74]

Dzięki serdeczne, ale nie działa

[trueblue]

Pokaż kod po zmianach.

[maniek74]

[HTML] pobierz, plaintext 
$('#priceMinContent').on("click", 'li', function() {
	     var idPriceMin = this.id.replace(/priceMinValue_/, '');
         alert('gggggg'+idPriceMin);
     });
[HTML] pobierz, plaintext 

alert pojawił się jak dałem live("click", 'li', function() {

ale w alercie mam ggggggpriceMinContent zamiast id z li


==============================
oki już mam

[HTML] pobierz, plaintext 
$("#priceMinContent li[id^='priceMinValue']").live("click", 'li', function() {
	     var idPriceMin = $(this).attr("id").replace(/priceMinValue_/, '');
         alert(idPriceMin);
     });
[HTML] pobierz, plaintext 

Pozdrawiam i dzięki za naprowadzenie

Ten post edytował maniek74 12.01.2015, 14:43:43

[trueblue]

Masz jQuery w wersji poniżej 1.7.

W Twoim przykładzie 'li' jako drugi parametr jest niepotrzebne.
Dodatkowo, jeśli badasz wszystkie <li> w #priceMinContent, to wystarczy:
$("#priceMinContent li").live("click", function() {

[maniek74]

Dzięki serdeczne