Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] własne podpowiedzi do input
Forum PHP.pl > Forum > XML, AJAX
maniek74
Witam

Od razu zaznaczam że nie chce .autocomplete.

Napisałem taki skrypt:
  1. $("input[name='formSearchPriceMin']").keyup(function() {
  2. $.ajax({
  3. url: '{DOMAIN_ALL}/ajaxFunction.php?func=searchPriceMin&priceMin='+$("input[name='formSearchPriceMin']").val(),
  4. success: function(results) { $('#priceMinContent').html(results); }
  5. });
  6. });


Otrzymuje podpowiedź do input w polu <div id="priceMinContent"></div>
  1. <ul id="priceMin">
  2. <li class="bottom" id="priceMinValue_100">100</li>
  3. <li class="bottom" id="priceMinValue_1000">1 000</li>
  4. <li class="bottom" id="priceMinValue_10000">10 000</li>
  5. <li class="bottom" id="priceMinValue_100000">100 000</li>
  6. <li id="priceMinValue_1000000">1 000 000</li>
  7. </ul>


i to działa super.

Teraz chce wyciągnąć id z li:
  1. $("[id*='priceMinValue_']").click(function() {
  2. var priceMin = this.id.replace(/priceMinValue_/, '');
  3. alert(priceMin);
  4. });


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
  1. $('#priceMinContent').on("click", 'li', function() {
  2. var idPriceMin = this.id.replace(/priceMinValue_/, '');
  3. alert('gggggg'+idPriceMin);
  4. });


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

ale w alercie mam ggggggpriceMinContent zamiast id z li


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

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


Pozdrawiam i dzięki za naprowadzenie
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.