บทช่วยสอน jQuery เมนู EasyUI และปุ่ม - ปุ่มสร้างการเชื่อมโยง ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ jQuery เมนู EasyUI และปุ่ม - ปุ่มสร้างการเชื่อมโยง

jQuery เมนู EasyUI และปุ่ม - ปุ่มสร้างการเชื่อมโยง

ภายใต้สถานการณ์ปกติการใช้ <ปุ่ม> องค์ประกอบในการสร้างปุ่มปุ่มและการเชื่อมโยง (ปุ่มลิงก์) คือการใช้องค์ประกอบ <a> ในการสร้าง ดังนั้นนี้เป็นจริงปุ่มเชื่อมโยง (ปุ่มลิงก์) จะปรากฏเป็นรูปแบบปุ่ม <a> องค์ประกอบ

เพื่อสร้างการเชื่อมโยงปุ่ม (ปุ่มลิงก์) ทั้งหมดที่คุณต้องทำคือการเพิ่มไฟล์ที่เรียกว่า 'easyui-linkbutton' แอตทริบิวต์คลาส <a> องค์ประกอบ:

	<style Div = "padding: 5px; พื้นหลัง: #fafafa ความกว้าง: 500px; ชายแดน: # CCC 1px ของแข็ง">
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> ยกเลิก </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-reload"> รีเฟรช </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search"> แบบสอบถาม </a>
		<a ปุ่มข้อความ class="easyui-linkbutton"> href="#" </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-print"> พิมพ์ </a>
	</ div>
	 
	<style Div = "padding: 5px; พื้นหลัง: #fafafa ความกว้าง: 500px; ชายแดน: # CCC 1px ของแข็ง">
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> ยกเลิก </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> รีเฟรช </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> แบบสอบถาม </a>
		<a href="#" class="easyui-linkbutton" plain="true"> ข้อความปุ่ม </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> พิมพ์ </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"> </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"> </a>
	</ div>

ในขณะที่คุณสามารถดู iconCls คุณสมบัติเป็นไอคอนของสไตล์คลาส CSS ที่จะแสดงภาพไอคอนบนปุ่ม

บางครั้งคุณจำเป็นต้องปิดการใช้งานปุ่มเชื่อมโยง (ปุ่มลิงก์) หรือเปิดใช้รหัสต่อไปนี้จะแสดงวิธีการปิดการใช้งานปุ่มเชื่อมโยง (ปุ่มลิงก์):

	$ (เลือก) .linkbutton (ปิดการใช้งาน '); // เรียกวิธี' ปิดการใช้งาน '
jQuery เมนู EasyUI และปุ่ม - ปุ่มสร้างการเชื่อมโยง
10/30