วันนี้เมื่อฉันใช้ Easyi เพื่อสร้างเลย์เอาต์ฉันพบคำถาม
ปัญหา: เมื่อ class = "easyui-layout" ถูกเขียนใน div อิสระรูปแบบการจัดวางไม่สามารถแสดงได้และไม่มีข้อผิดพลาด
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> <body>
<div>
<div data-options = "region: 'North', ชื่อ: 'North Title', Split: True" style = "ความสูง: 100px;">
</div>
<div data-options = "ภูมิภาค: 'ใต้', ชื่อ: 'ชื่อใต้', split: true" style = "ความสูง: 100px;">
</div>
<div data-options = "ภูมิภาค: 'ตะวันออก', ไอคอน: 'icon-reload', ชื่อ: 'ตะวันออก', แยก: true">>
</div>
<div data-options = "ภูมิภาค: 'ตะวันตก', ชื่อ: 'ตะวันตก', แยก: true">
</div>
<div data-options = "region: 'center', ชื่อเรื่อง: 'Center Title'" href = "centerpage.html" style = "พื้นหลัง: #eee; overflow: ซ่อน;">
</div>
</div>
</body> </span>
แสดง:
วิธีแก้ปัญหา: เมื่อ class = "easyui-layout" ถูกเขียนในร่างกายปัญหาจะได้รับการแก้ไข และแอตทริบิวต์ภูมิภาคไม่สามารถรวมอยู่ใน DIV อื่น ๆ ที่ไม่เกี่ยวข้อง
รหัส:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> <body>
<div data-options = "region: 'North', ชื่อ: 'North Title', Split: True" style = "ความสูง: 100px;">
</div>
<div data-options = "ภูมิภาค: 'ใต้', ชื่อ: 'ชื่อใต้', split: true" style = "ความสูง: 100px;">
</div>
<div data-options = "ภูมิภาค: 'ตะวันออก', ไอคอน: 'icon-reload', ชื่อ: 'ตะวันออก', แยก: true">>
</div>
<div data-options = "ภูมิภาค: 'ตะวันตก', ชื่อ: 'ตะวันตก', แยก: true">
</div>
<div data-options = "region: 'center', ชื่อเรื่อง: 'Center Title'" href = "centerpage.html" style = "พื้นหลัง: #eee; overflow: ซ่อน;">
</div>
</body> </span>
สงสัยเสมอว่าทำไมถึงเป็นเช่นนี้?