JQuery ตัดสินว่าระบุรหัสความสูงของคอนเทนเนอร์โมดูลและเพิ่มบรรทัดที่ว่างเปล่าถ้าความสูงไม่เพียงพอ

รหัส js

$(document).ready(function() {
    var Ah = $("#ishare-1").parent().innerHeight();//判断正文模块容器高度,ishare-1是我们插件模块的id,.parent().innerHeight指的是获取插件模块的父模块(正文模块)的高度
    if ( Ah <= 250 ) {//判断正文模块容器高度低于250px像素,则在插件模块前面插入几个空白的行
    $("#ishare-1").prepend("<p> </p><p> </p><p> </p>");}});

ตัวอย่าง:

Share.js แบ่งปันบทความด้วยคลิกเดียว

ในตัวของ zblog เนื่องจากเนื้อหาของโมดูลตัวของบทความบางส่วนของ zblog มีน้อยเกินไปความสูงของโมดูลตัวค่อนข้างต่ําและคอนเทนเนอร์ของโมดูลตัวใช้องค์ประกอบ css overflow: hidden; ซึ่งส่งผลให้โค้ด ที่ปรากฏขึ้นจากปุ่มปลั๊กอินถูกซ่อนบางส่วนโดยคอนเทนเนอร์โมดูลดังนั้นคุณสามารถแก้ปัญหานี้ได้โดยใช้วิธีข้างต้น

ดังแสดงในภาพด้านล่าง:

image.png

แท็ก:Jquery
ไม่ชอบ3

ลิงก์บทความนี้:https://th.finchui.com/program/40.html

ความคิดเห็นของชาวเน็ต

ฉันเดาว่าคุณชอบมัน

สินค้าที่ได้รับความนิยม
บทความยอดนิยม
แท็กยอดนิยม
Z-blogPHPFinchUIปลั๊กอิน Z-Blogการนําทางเว็บไซต์เว็บไซต์หน้าเดียวบัญชีสาธารณะเว็บไซต์หลายภาษาบริการพัฒนาบริการที่กําหนดเองการตอบสนองการปรับตัวJqueryเว็บไซต์บล็อกแท็กล่าสุดแท็กยอดนิยมฉลากแบบสุ่มแท็กที่เก็บผู้ช่วยเขียน AIการจัดหมวดหมู่แบบเลือกหลายแบบสําหรับบทความการจัดหมวดหมู่เพิ่มเติมปลั๊กอิน WordPressปลั๊กอินฝ่ายบริการลูกค้าย้ายเว็บไซต์ข้อมูลเว็บไซต์faviconแท็กเว็บไซต์ภาพขนาดย่อjQueryเบราว์เซอร์ Safariเปิดเอกสารเอกสารความช่วยเหลือออนไลน์บริการลูกค้าเอกสารภายในข้อมูลจําเพาะของผลิตภัณฑ์เอกสารทางวิชาการข้อมูลการออกแบบศูนย์ช่วยเหลือการฝึกอบรมด้านเทคนิคเว็บสตูดิโอนามบัตรเครือข่ายส่วนบุคคลห้องสมุด IPเ ป็ น เ รื่ อ งhttpsตัวกรองเครือข่ายการแต่งเพลงเครือข่ายวัสดุภาษาปัญญาประดิษฐ์นวนิยายเดี่ยวหนังสือที่ดี301 กระโดด
แท็กที่เกี่ยวข้อง
Finch UI เวอร์ชั่นร้านค้า

แชร์

คัดลอกลิงก์
เวลาทําการ: 9:00 - 22:00 น.
วันเสาร์และวันอาทิตย์: 14:00 - 22:00 น.
wechat
สแกนรหัสเพื่อเพิ่มบริการลูกค้า