/ / Jquery resizable plugin, ड्रैगिंग एज के आधार पर minWidth सेट करें - जावास्क्रिप्ट, jquery, jquery-ui, jquery-plugins

Jquery resizable प्लगइन, ड्रैगिंग एज के आधार पर minWidth सेट करें - जावास्क्रिप्ट, jquery, jquery-ui, jquery-plugins

इसलिए मेरे पास एक छवि है, इसके चारों ओर एक फसल मार्कर है, मैं छवि से छोटे फसल मार्कर का आकार बदलने में सक्षम नहीं होना चाहता हूं।

ऐसा करने के लिए, मुझे फसल मार्कर की मिनीवेट सेट करने की आवश्यकता होगी जो इस बात पर निर्भर करता है कि उपयोगकर्ता किस तरफ से आकार बदल रहा है (हर जगह एक हैंडल है: n, ne, e, se आदि)।

मेरा प्रश्न है: इसे कैसे प्राप्त करें? (मैंने अपने प्रश्न को थोड़ा और स्पष्ट करने के लिए एक चित्र शामिल किया)

इसके अलावा, यहां एक है jsfiddle यह समस्या प्रदर्शित करता है।

यहां छवि विवरण दर्ज करें

उत्तर:

उत्तर № 1 के लिए 1

ऐसा लगता है कि आपने इस प्रश्न को दो बार पोस्ट किया है। यहाँ से मेरा जवाब है दूसरा प्रश्न: एक अजीब बातचीत की तरह, लेकिन यहाँ यह है (jsfiddle)

$(function() {
$( "#resizable" ).resizable({
handles : "e, n, s, w",
resize : function(event, ui){
switch($(this).data("resizable").axis)
{
case "n":
$(this).resizable( "option", "minHeight", 75 );
break;
case "s":
$(this).resizable( "option", "minHeight", 100 );
break;
case "e":
$(this).resizable( "option", "minWidth", 150 );
break;
case "w":
$(this).resizable( "option", "minWidth", 200 );
break;
}
}
});
});​