jQuery संवाद बॉक्स

Question

के साथ आइसोटोप समस्या मेरे मुद्दे को समझाना थोड़ा मुश्किल है लेकिन मैं छवियों का उपयोग करने की कोशिश करूंगा।

डेमो: http://jsfiddle.net/H8Qbn/13/

मैं स्वचालित रूप से आइसोटोप का उपयोग कर jQuery संवाद की व्यवस्था करने का प्रयास करें।

• पहली तस्वीर से पता चलता है कि सब कुछ ठीक काम कर रहा है।

• दूसरा चित्र से पता चलता है कि जब 1 jQuery संवाद आकार बदलने के लिए कोशिश कर रहा है। यह सिर्फ ठीक आकार बदल रहा है और अन्य सभी संवाद स्वचालित रूप से व्यवस्थित किए जाते हैं।

• जब मैं दूसरी संवाद यह पहली चाल में अपनी स्थिति के अनुसार (ऊपर, बाएं) और उसके बाद का आकार बदलता है और अन्य सभी संवाद स्वचालित रूप से व्यवस्थित नहीं होते व्यवस्था करने के लिए प्रयास करें।

• तीसरे संवाद बर्ताव करता है ठीक उसी 2. के रूप में यह अपनी स्थिति अनुसार चलता है (ऊपर, बाएं) और स्वचालित रूप से व्यवस्था की नहीं है।

कोई सुझाव?

Answer 1

आइसोटोप ड्रैग करने योग्य संवाद बॉक्स के लिए नहीं बनाया गया है; इस प्रकार की कार्यक्षमता के संबंध में what the plugin author says देखें।

EDITFiddled around with a few more things और जब कोई संवाद बंद हो जाता है तो पुनर्व्यवस्थित करने के लिए लेआउट प्राप्त होता है .remove(); हालांकि, ड्रैगिंग को suported नहीं है (ऊपर देखें) और मैन्युअल रूप से आकार बदलना या तो काम नहीं करेगा। आपको संवाद बॉक्स के मैन्युअल आकार बदलने की आवश्यकता क्यों है? क्या यह प्रोग्रामेटिक रूप से नहीं किया जा सकता है?

Answer 2

jquery चिनाई प्लगइन जब आप संवाद बॉक्स का आकार बदलते हैं या आइटम जोड़ते हैं या हटाते हैं तो आसपास के कंटेनर पर चिनाई ("पुनः लोड") फ़ंक्शन के साथ कॉल करते समय नई स्थिति की गणना कर सकते हैं। जब मैं अपने आस-पास के कंटेनर में एक छवि जोड़ता या निकालता हूं तो मैंने इसे अपने जावास्क्रिप्ट में उपयोग किया। आप वेब पेज http://www.chihoang.de पर अपने होमपेज में लाइव मेसनरी प्लगइन देख सकते हैं।

यह अंत में मेरी बढ़ाएँ और चिनाई ("को फिर से लोड") के साथ समारोह संलग्न है:

  if (ele.Additem == "Append") { 
      container.append($j("#brickTemplate").tmpl(ele).css({ 
      "display": "block" 
      })).masonry('reload'); 
     } else if (ele.Additem == "Prepend") { 
      container.prepend($j("#brickTemplate").tmpl(ele).css({ 
      "display": "block" 
      })).masonry('reload'); 
     } 

और ये मेरे निकालें समारोह है:

 $j('.brick').remove(":contains('" + ele.Headline + "')"); 
     container.masonry('reload');