jQuery 3.3

.resize()




jquery

.resize (معالج) إرجاع: jQuery

الوصف: ربط أحد معالجات الأحداث بحدث JavaScript "تغيير الحجم" ، أو تشغيل هذا الحدث على عنصر.

  • الإصدار المضاف: 1.0 .resize (معالج)

    • معالج
      النوع: Function ( Event eventObject)
      هي وظيفة يتم تنفيذها في كل مرة يتم فيها تشغيل الحدث.
  • الإصدار المضاف: 1.4.3 .resize ([eventData] ، معالج)

    • eventData
      النوع: Anything
      كائن يحتوي على بيانات سيتم تمريرها إلى معالج الحدث.
    • معالج
      النوع: Function ( Event eventObject)
      هي وظيفة يتم تنفيذها في كل مرة يتم فيها تشغيل الحدث.
  • الإصدار المضاف: 1.0 .resize()

    • هذا التوقيع لا يقبل أي حجج.

هذه الطريقة هي اختصار لـ .on('resize', handler) في .trigger( "resize" ) الأولى والثانية ، و. .trigger( "resize" ) في الثلث.

يتم إرسال حدث resize إلى عنصر window عندما يتغير حجم نافذة المتصفح:

$( window ).resize(function() {
  $( "#log" ).append( "<div>Handler for .resize() called.</div>" );
});

الآن عندما يتم تغيير حجم نافذة المتصفح ، يتم إلحاق الرسالة بـ <div id = "log"> مرة واحدة أو أكثر ، حسب المتصفح.

يجب عدم الاعتماد رمز في معالج resize أبداً على عدد المرات التي يتم استدعاء المعالج. اعتمادًا على التنفيذ ، يمكن resize الأحداث بشكل مستمر نظرًا لأن عملية تغيير الحجم قيد التقدم (السلوك النموذجي في متصفحات Internet Explorer و WebKit- مثل Safari و Chrome) ، أو مرة واحدة فقط في نهاية عملية تغيير الحجم (السلوك النموذجي في بعض المتصفحات الأخرى مثل أوبرا).

ملاحظات إضافية:

  • بما أن طريقة .resize() هي مجرد اختصار لـ .on( "resize", handler ) ، فإن .off( "resize" ) ممكن باستخدام .off( "resize" ) .

مثال:

لمشاهدة عرض النافذة أثناء (أو بعد) يتم تغيير حجمها ، حاول:

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});