मेरे पास एक jQuery मोडल संवाद है जो पूरी तरह से ठीक लोड हो रहा है लेकिन मेरी समस्या यह है कि मैं jQuery (1.12.4) के छोटे पुराने संस्करण का उपयोग कर रहा हूं और मैं इसे अपग्रेड नहीं कर सकता और मैं पेज के शीर्ष के करीब मोडल को केंद्र में रखना चाहता हूं जैसे I इसे इस Fiddle में रखें। मैं इसे काम करने और स्थिति बनाने के लिए नीचे दिए गए कोड का उपयोग कर रहा हूं: ['केंद्र', 20], इसे शीर्ष के करीब बना रहा है लेकिन फिर से जब से मैं jQuery के पुराने संस्करण का उपयोग कर रहा हूं, यह मेरे लिए काम नहीं कर रहा है। क्या कोई अन्य विकल्प सुझा सकता है।

$('#open').click(function() {
    $('#dialog').dialog('open');

});

$(document).ready(function() {
    jQuery("#dialog").dialog({
        autoOpen:false,
        width:500,
        position: ['center',20],               
        modal: true,
        resizable: true,
        draggable: true,
        closeOnEscape: true,        
        title: "Alerts",       
        buttons: {
            OK: function () {
                $(this).dialog("close");
            }
        }
    });
});

मेरे मामले में ऊपरी बाएँ कोने पर लोड हो रहा है जैसा कि नीचे दिखाया गया है Page

0
SP1 22 जिंदा 2021, 22:19

1 उत्तर

सबसे बढ़िया उत्तर

दस्तावेज के अनुसार आपको इस लाइन को यहां से बदलने की जरूरत है:

position: ['center',20], 

प्रति:

position: { my: "center", at: "top", of: window },

आपकी अपडेट की गई फिडल यहां, स्निपेट:

$('#open').click(function() {
  $('#dialog').dialog('open');

});



$(document).ready(function() {
  jQuery("#dialog").dialog({
      autoOpen:false,
      width:500,
      position: { my: "center", at: "top", of: window },               
      modal: true,
      resizable: true,
      draggable: true,
      closeOnEscape: true,        
      title: "Alerts",       
      buttons: {
          OK: function () {
              $(this).dialog("close");
          }
      }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>

<div id="dialog">modal dialog</div>
<a href="#" id="open">Open dialog</a>
1
gaetanoM 22 जिंदा 2021, 22:38