Adakah Kaedah .css() jQuery Menambah Awalan Vendor Secara Automatik?

Adakah Kaedah .css() jQuery Menambah Awalan Vendor Secara Automatik?

Apabila bekerja dengan sifat CSS, adalah penting untuk mempertimbangkan keserasian merentas penyemak imbas . Untuk mengambil kira awalan yang berbeza-beza antara penyemak imbas, pembangun selalunya menambah awalan khusus vendor secara manual pada kod mereka. Walau bagaimanapun, ini boleh menjadi proses yang memakan masa dan ralat.

Masukkan Soalan:

Adakah kaedah .css() jQuery memudahkan tugas ini dengan menggunakan secara automatik awalan vendor apabila mengubah suai sifat CSS?

Memperkenalkan Jawapan:

Sejak versi jQuery 1.8.0, kaedah .css() sememangnya mendapat keupayaan untuk digunakan secara automatik awalan khusus pelayar. Ciri ini memastikan keserasian merentas penyemak imbas yang berbeza tanpa memerlukan awalan manual.

Awalan Vendor dalam Versi jQuery Terdahulu:

Dalam versi jQuery sebelum 1.8.0, awalan automatik tidak dilaksanakan. Pembangun terpaksa menambah awalan secara manual seperti -moz-, -webkit-, dsb. Sebagai alternatif, mereka boleh menggunakan kaedah .cssHooks() jQuery untuk mencapai awalan dinamik.

jQuery's .cssHooks() untuk Prefixing Custom :

Untuk sifat yang mungkin memerlukan awalan vendor tetapi kekurangan awalan automatik dalam jQuery, pembangun boleh menggunakan kaedah .cssHooks(). Ini membenarkan pengendalian tersuai bagi sifat tertentu, termasuk awalan.

Contoh:

Untuk menambah awalan vendor bagi sifat tersuai bernama myCssPropName, pembangun boleh melaksanakan kod berikut:

(function($) {
  if (!$.cssHooks) {
    throw("jQuery 1.4.3+ is needed for this plugin to work");
    return;
  }

  // ...

  if (myCssPropName && myCssPropName !== 'myCssPropName') {
    $.cssHooks["myCssPropName"] = {
      get: function(elem, computed, extra) {
        // handle getting the CSS property
        return $.css(elem, myCssPropName);
      },
      set: function(elem, value) {
        // handle setting the CSS value
        elem.style[myCssPropName] = value;
      }
    };
  }
})(jQuery);

Atas ialah kandungan terperinci Adakah Kaedah .css() jQuery Menambah Awalan Vendor Secara Automatik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!