link - jquery w3schools




JQuery সঙ্গে সিএসএস "শীর্ষ" এবং "বাম" গুণাবলী সরান (9)

আমি একটি draggable মানচিত্র নির্মাণ যে যখন মানচিত্র টেনে আনা হয় উপাদান প্রতিটি জন্য মান সঙ্গে একটি 'বাম' এবং 'শীর্ষ' বৈশিষ্ট্য দেওয়া হয় তাই ...

<div class="map" style="top:200px; left:100px;">Map</div>

আমার একটি বোতাম আছে যা আমি ক্লিক করার সময় ইনভেলে শৈলী থেকে শীর্ষ এবং বাম বৈশিষ্ট্য মুছে ফেলতে চাই, ক্লিক করলে কি এটি jquery এর সাথে সম্ভব?


  1. এখানে যান: api.jquery.com/css
  2. 'অপসারণ' জন্য Ctrl + F
  3. পড়ুন:

শৈলী সম্পত্তিটির একটি খালি স্ট্রিংয়ের মান নির্ধারণ করা হচ্ছে - উদাহরণস্বরূপ $ ("#mydiv")। CSS ("color", "") - যদি এটি ইতিমধ্যেই সরাসরি প্রয়োগ করা হয়ে থাকে তবে সেই সম্পত্তিটিকে উপাদান থেকে সরিয়ে ফেলা হয়, যদিও এইচটিএমএল শৈলীতে বৈশিষ্ট্য, jQuery এর। css () পদ্ধতির মাধ্যমে, অথবা স্টাইল সম্পত্তিটির সরাসরি DOM ম্যানিপুলেশনের মাধ্যমে।

দস্তাবেজগুলি আপনাকে বর্তমানের, যা আপনি সাধন করার চেষ্টা করছেন তার জন্য প্রস্তাবিত পদ্ধতির, যা আপনাকে প্রায়ই সময় বাঁচাতে পারে কারণ আপনাকে স্ট্যাক ওভারফ্লোে অগ্নিকুণ্ডের যুদ্ধগুলি পিছনে পড়তে হবে না (যে কোনও মজার / আলোকসজ্জা যা হোক না কেন !)।


CSS শৈলীগুলি সরাতে শৈলীতে একটি খালি স্ট্রিং বরাদ্দ করুন

এক্ষেত্রে

$('.map').css({top:'',left:''});

আপনি এটি সব মুছে ফেলতে চান, তাহলে আপনি করতে পারেন

$('.map').removeAttr('style');

আপনি যদি বিশেষভাবে উপরের এবং বাম বৈশিষ্ট্যগুলি সরাতে চান এবং অন্যদের ছেড়ে দিতে চান তবে আপনি এটি করতে পারেন:

$('.map').css('top', '').css('left', '');

অথবা, একটি সংক্ষিপ্ত সমতুল্য:

$('.map').css({
    'top': '',
    'left': ''
});

কিছু শৈলী যা সহজেই সরানো যায় না। (ওভারফ্লো মনে আসে)

একটি কাজকর্ম 2 বিভিন্ন ক্লাস তৈরি করতে হবে এবং আপনি চান শৈলী ধারণকারী এক যোগ / অপসারণ করা হবে।

স্টাইল বৈশিষ্ট্যের জন্য সর্বোত্তম সমাধান যা সহজে / নিষ্ক্রিয় করা যায় না।


কেবলমাত্র সিএসএস সম্পত্তিকে খালি স্ট্রিং দিয়ে সেট করুন, উদাহরণস্বরূপ নিচের কোডটি দিয়ে:

$('#mydiv').css('color', '');

api.jquery.com/css দেখুন।


এই JQuery বাগ রিপোর্ট প্রতি

element.removeAttr('style')
Webkit ভিত্তিক ব্রাউজারে ধারাবাহিকভাবে কাজ করে না। উদাহরণস্বরূপ, আমি iOS 6.1 এ এই সমস্যা জুড়ে দৌড়ে গিয়েছিলাম। ফিক্স ব্যবহার করা হয়:
element.attr('style', '')


 $("#map").css("top", "0"); 
 $("#map").css("left", "0"); 

$.fn.removeCss=function(toDelete){

    var props=$(this).attr('style').split(';');
var tmp=-1;
for( var p=0;p<props.length; p++){if(props[p].indexOf(toDelete)!==-1){tmp=p}};
if(tmp!==-1){

   delete props[tmp];
}

  return $(this).attr('style',props.join(';')+';');

}

এই প্লাগিন দিয়ে নিরাপদে মুছে ফেলুন!

$ ( 'MyDiv') removeCss ( 'রঙ')।







jquery