ताज़ा पेज चिनाई का काम ठीक है, लेकिन पहली बार पर overlaps

जब मेरे पृष्ठ लोड पहली बार चिनाई छवियों ओवरलैप करता है, और अगर मैं पृष्ठ को रीफ्रेश यह काम ठीक शुरू करते हैं। मुझे नहीं पता कि मैंने क्या गलत किया है। मेरा पेज लिंक इस www.bhinderblink.comताज़ा पेज चिनाई का काम ठीक है, लेकिन पहली बार पर overlaps

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#container').masonry({ 
      // options 
      itemSelector: '.box', 
      columnWidth: 240, 
      isAnimated: true, 
      isFitWidth: true, 
      animationOptions: { 
       duration: 650, 
       easing: 'linear', 
       queue: false 
      } 
     }); 
    }); 


</script>

.ajax की सफलता पर है, यह xmlobject से डेटा लाने ...

function OnSuccess(response) { 
     var xmlDoc = $.parseXML(response.d); 
     var xml = $(xmlDoc); 

     pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); 

     var pic_infoVar = xml.find("pic_info"); 

     pic_infoVar.each(function() { 
      var customer = $(this); 
      //........... 

      var $picString = $("<div class='box'><img id='theImg' src='/pic/jas/" + customer.find("pic_name").text() + ".jpg" + "'/><div>Detail2</div></div>"); 
      $("#container").append($picString).masonry('appended', $picString, true); 

     }); 

     $("#imgloader").hide(); 
     $("body").css({ "opacity": "100" }); 
    }

स्रोत

2012-12-30 Jasbir Bhinder

मैं अपने लिंक की जाँच की और सब कुछ ठीक लग रहा है। अपने ब्राउज़र से कैश को साफ़/अक्षम करने का प्रयास करें – stefanz

यह 20 में से 2 बार ठीक काम करता है। पहले पृष्ठ को पूरी तरह से बंद करें और इसे दो बार फिर से खोलने का प्रयास करें, फिर आप देखेंगे कि, जब आप अगले 15 चित्रों को अंतराल पर स्क्रॉल करते हैं। लेकिन अगर आप खुले पृष्ठ को रीफ्रेश करते हैं तो यह तस्वीरों को पूरी तरह से लोड करता है –

मुझे यकीन नहीं है कि समस्या कहां है, लेकिन पहली बार आपको कंसोल में दिखाए गए त्रुटि को हल करना होगा: http://img822.imageshack.us/img822/9118/2012123017h2815.jpg। – stefanz

मैं भी है वही समस्या, छवियों पर ओवरलैपिंग कर रहे थे पहली बार लोड हो रहा है। मैं पहली छवियों को लोड करके इस पर काबू पाने।

$(".id").imagesLoaded(function(){ 
    $('.id').masonry({ 
       itemSelector: '.scrapcontent', 
       columnWidth: 3, 
       isAnimated:true, 
       animationOptions: { 
        duration: 700, 
        easing:'linear', 
        queue :false 
       } 
     }); 
}

यदि छवियां लोड की गई हैं तो केवल आपके चिनाई का कर्तव्य शुरू करना होगा। इसे ठीक काम करना चाहिए।

स्रोत

2013-03-21 18:20:41 user2196414

यह स्क्रिप्ट की वजह से पहले सामग्री (छवियाँ) चलाया जा रहा है पूरी तरह से लोड नहीं है। इसलिए स्थिति त्रुटि।

इस प्रयास करें: -

<head> 
<script> 
     $(window).load(function(){ 
      $('#selector').masonry({ 
       itemSelector : '.item', 
       columnWidth : 200, 
       isAnimated: true, 
       animationOptions: { 
        duration: 700, 
        easing: 'linear', 
        queue: false 
       } 
      }); 
     }); 
</script> 
</head>

स्रोत

2016-09-03 12:20:09

ताज़ा पेज चिनाई का काम ठीक है, लेकिन पहली बार पर overlaps

उत्तर

संबंधित मुद्दे