मेरा JQuery ड्रैग करने योग्य नियंत्रण काम नहीं कर रहा है। यह इसके लिए निर्धारित सीमाओं से आगे बढ़ता रहता है। किसी भी मदद की सराहना की जाती है।

     $(function() {
        $( "#crop_square" ).draggable();
        containment: "#area_c"


     });

    <div  id ="area_c" style="width:300px;height:300px;background:blue"  >

           <div id="crop_square"      style="width:100px;height:100px;border:2px solid black;background:none"></div>

     </div>
0
Mia Davis 31 मई 2019, 15:27

1 उत्तर

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

आप रोकथाम विकल्प को सही ढंग से नहीं जोड़ रहे हैं, इसे इस तरह से करें (विकल्प को प्लगइन कॉल के तर्क के रूप में पास करना):

 $( "#crop_square" ).draggable({
    containment: "#area_c"
 });

नीचे काम कर रहे स्निपेट:

 $(function() {
        $( "#crop_square" ).draggable({	containment: "#area_c" });
 });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div  id ="area_c" style="width:300px;height:300px;background:blue"  >

           <div id="crop_square"      style="width:100px;height:100px;border:2px solid black;background:none">drag</div>

     </div>

ड्रैग करने योग्य विजेट विकल्पों पर अधिक जानकारी यहां

1
tcj 31 मई 2019, 13:35