एएसएक्स (कोड नमूने)

Question

के साथ काम करने के लिए आइसोटोप प्राप्त करने के लिए मैं आइसोटोप को एकीकृत करने की कोशिश कर रहा हूं लेकिन मुझे इसे AJAX के साथ काम करने में समस्याएं आ रही हैं।

कोड यह रहा:

<script type="text/javascript"> 

var currentPage = 1; 

$(function(){ 
    var getUrl = 'loadMovies.php'; 
    var getQuery = 'genrefilter='+movieSelection.elements["genreFilter"].value; 
    getQuery += '&yearfilter='+movieSelection.elements["yearFilter"].value; 
    getQuery += '&titlesort='+movieSelection.elements["titleSort"].value; 
    getQuery += '&ratingsort='+movieSelection.elements["ratingSort"].value; 
    getQuery += '&yearsort='+movieSelection.elements["yearSort"].value; 
    getQuery += '&runtimesort='+movieSelection.elements["runtimeSort"].value; 
    getQuery += '&currentPage='+currentPage; 

    var $container = $('#movieBox'); 
    //$container.isotope({itemSelector: '.movie'}); 

    $.ajaxSetup({cache:false}); 
    var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />"; 

    //$("#genreFilter").change(function(){$container.isotope('insert', ajax_load).load(getUrl, getQuery);}); 


    $("#genreFilter").change(function(){$('#movieBox').html(ajax_load).load(getUrl, getQuery);}); 
}); 

एचटीएमएल बस है ""

आइसोटोप लाइन पर टिप्पणी की मैं वास्तव में उम्मीद के रूप में प्रदर्शित divs पाने के साथ लेकिन जब से मैं नहीं कर सकते यह पता लगाने कैसे काम करने के लिए आइसोटोप लाइन में मैं इसे काम करने के लिए नहीं मिल सकता है।

मैं "डालने" विधि के साथ आइसोटोप को एकीकृत करने की कोशिश कर रहा हूं जिसे मुझे AJAX के बिना काम करना है।

निकालें से: http://isotope.metafizzy.co/docs/adding-items.html

---

"डालने विधि

अधिक संभावना है, आप डालने विधि है, जिसमें सब कुछ है कि थोड़ा चूक addItems करता है का उपयोग करना चाहते सम्मिलित कंटेनर, फिल्टर करने के लिए सामग्री जोड़ देंगे। नई सामग्री, तरह सभी सामग्री है, तो एक reLayout को गति प्रदान इसलिए सभी आइटम तत्व पूरी तरह से बाहर रखा गया है।

var $newItems = $('<div class="item" /><div class="item" /><div class="item" />'); 
$('#container').isotope('insert', $newItems); 

---

अंतिम पंक्ति मुझे AJAX लाइन के साथ एकीकृत करने की आवश्यकता है, लेकिन मुझे नहीं लगता कि मैं इसे कहां रख सकता हूं। मैंने कुछ विधियों की कोशिश की जिनमें से एक टिप्पणी लाइन में दिखाया गया है।

क्या कोई समस्या देख सकता है?

Answer 1

इसे इस तरह काम करने के लिए मिल गया:

$(function(){ 

     var $container = $('#movieBox'); 

     $container.isotope({ 
      itemSelector: '.movie' 
     }); 

     $.ajaxSetup({cache:false}); 
     var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />"; 

     $('#genreFilter').change(function(){ 

$('#genreFilter').change(function(){ 

      var getQuery = 'loadMovies.php?'; 
      getQuery += 'genrefilter='+movieSelection.elements["genreFilter"].value; 
      getQuery += '&yearfilter='+movieSelection.elements["yearFilter"].value; 
      getQuery += '&titlesort='+movieSelection.elements["titleSort"].value; 
      getQuery += '&ratingsort='+movieSelection.elements["ratingSort"].value; 
      getQuery += '&yearsort='+movieSelection.elements["yearSort"].value; 
      getQuery += '&runtimesort='+movieSelection.elements["runtimeSort"].value; 
      getQuery += '&currentPage='+currentPage; 

      return $.ajax({ 
       cache:false, 
       url: getQuery, 
       success: function(data){$container.isotope('insert', data)} 
       }); 
      }); 

    });