Ben kullanıcı bir arama terimi girdiğinde bir php sınıfından arama sonuçlarını yüklemek için jQuery kullanıyorum. Sorun jQuery çalışır ve ana sayfada yuvarlak ilk defa gerektiği gibi işlevlerini yürütür, ancak kullanıcı bir arama anahtar kelime girer ve sonuçları ajax aynı sayfada sınıf dosyadan yüklendiğinde, jQuery yürütmek olmamasıdır fonksiyonu gereklidir.
Arama sonuçları ana sayfada yüklenecek ne yapmak istiyorum,, bu sadece Alıntı ve yazar değil, Arapça ve referans göstermelidir. Kullanıcının gönderdiği tıkladığında, bu Arapça ve referans div konteyner geçiş, bir accordian gibi hareket etmelidir.
JQuery büyük yükleniyor sınıf dosyasından sonuçları çalışırken Ancak, bu kadar zaman Arapça ve referans konteyner gizlemek için yürütmüyor arama sonuçlarını yükler ne de kullanıcı göstermek için gönderdiği tıkladığı zaman click olayını çalıştırmak yok konteyner, kundakçı gösterdiği gibi.
index.php:
<script type="text/javascript">
$(function() {
$(".bsearch")
.keydown(function() {
//create post data
var postData = {
"search" : $(this).val()
};
//make the call
$.ajax({
type: "POST",
url: "quotes_in.php",
data: postData, //send it along with your call
success: function(response){
$("#left").html(response);
}
});
}),
$("div#smore").hide();
//toggle the componenet with class msg_body
$("p#s_quotes").click(function()
{
$(this).next("div#smore").slideToggle(200);
}),
});
</script>
<!-- Begin Left Column -->
<div id="left">
</div>
<!-- End Left Column -->
Quotes_in.php:
include_once "inc/class.quotes.inc.php";
$quotes = new Quotes($db);
if (isset($_POST['search']))
$quotes->searchQuotes();
Arama biçimleri sınıf dosyasında fonksiyonu:
---SQL QUERY for SEARCH---
public function formatSearch($row, $search)
{
return "<div class=\"swrap\">"
. "<p id=\"s_quotes\"> " . $cQuote . " </p>"
. "<div id=\"smore\"><p id=\"s_arabic\">" . $this->h($row['cArabic']) . "</p>"
. "<p id=\"s_reference\"><span class=\"source\">Source:</span> " . $this->h($row['vReference']) . "</p></div>"
. "<p id=\"s_author\"><b>-</b> " . $this->h($row['vAuthor']) . "</p></div>";
}