jquery slideToogle für Livesearch-Div

Beitrag von **Deathcore** » 05.04.2011, 15:54

Hallo Zusammen,

ich bastel gerade ein wenig mit dieser Suche
Tutorial:
https://youhack.me/2010/04/28/creating- ... nd-jquery/

Demo:
https://youhack.me/demo/live%20search%2 ... /index.php

alles funktioniert wunderbar, nun wollte ich dass in dem Ergebniss-Div ein Button ist der wunderschön das Ergebniss-Fenster schließt wenn man ihn klickt (schön mit jquery - slideToogle)

komischerweise funktioniert der Button nur wenn er nicht in diesem div ist???? Kennt wer dieses Problem?

EDIT:

das dürfte wohl die Lösung sein:

1 - div class="dragable" (5 Stück) existiert (Seite wird geladen oder so
2 - jQuery sucht alle div class="dragable" im aktuellen Dokument (5 Stück) und registriert Sie
3 - du fügst ein weiteres div class="dragable" dem Dokument hinzu
4 - jQuery kennt aber immer noch nur 5 Stück, weil das 6te noch nicht registriert ist

mein Code:

Code: Alles auswählen

<script type="text/javascript">
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
$&#40;"#faq_search_input"&#41;.watermark&#40;"Suchbegriff"&#41;;
$&#40;"#faq_search_input"&#41;.keyup&#40;function&#40;&#41;
&#123;
var faq_search_input = $&#40;this&#41;.val&#40;&#41;;
var dataString = 'keyword='+ faq_search_input;
if&#40;faq_search_input.length>2&#41;
&#123;
$.ajax&#40;&#123;
type&#58; "GET",
url&#58; "onlineshop/misc/livesearch/ajax-search.php",
data&#58; dataString,
beforeSend&#58;  function&#40;&#41; &#123;
$&#40;'input#faq_search_input'&#41;.addClass&#40;'loading'&#41;;
&#125;,
success&#58; function&#40;server_response&#41;
&#123;
$&#40;'#searchresultdata'&#41;.html&#40;server_response&#41;.show&#40;&#41;;
$&#40;'span#faq_category_title'&#41;.html&#40;faq_search_input&#41;;
if &#40;$&#40;'input#faq_search_input'&#41;.hasClass&#40;"loading"&#41;&#41; &#123;
 $&#40;"input#faq_search_input"&#41;.removeClass&#40;"loading"&#41;;
        &#125; 
&#125;
&#125;&#41;;
&#125;return false;
&#125;&#41;;
&#125;&#41;;  
</script>
<script> 
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
  $&#40;"#hideButton"&#41;.click&#40;function&#40;&#41; &#123;
    $&#40;"#suchfensterclose"&#41;.slideToggle&#40;"slow", function&#40;&#41; &#123;
    &#125;&#41;;
  &#125;&#41;;
&#125;&#41;;  
</script>

EDIT: Problem gelöst

aus
$("#hideButton").click(function() {

mache
$('#hideButton').live('click', function() {