jQuery UI API - ผลกระทบการถ่ายโอน (การถ่ายโอน)
หมวดหมู่
การใช้
คำอธิบาย: องค์ประกอบรูปร่างองค์ประกอบอื่น
transfer
| 参数 | 类型 | 描述 |
|---|---|---|
| className | String | 转移的元素将接收的参数化的 class 名称。 |
| to | String | jQuery 选择器，要转移到的元素。 |
เมื่อพยายามที่จะเห็นภาพการทำงานร่วมกันระหว่างสององค์ประกอบที่เป็นประโยชน์อย่างมาก
โอนองค์ประกอบด้วยตัวเองระดับ ui-effects-transfer , รูปแบบอื่น ๆ จะต้องมีการกำหนดโดยคุณตัวอย่างเช่นเพิ่มพื้นหลังหรือชายแดน
ตัวอย่าง
คลิกที่องค์ประกอบสีเขียวถ่ายโอนไปยังองค์ประกอบอื่น
<! Doctype html>
<html lang = "th">
<head>
<Meta charset = "UTF-8">
<title> ผลกระทบการถ่ายโอน (เอฟเฟ Transfer) สาธิต </ title>
<link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<style>
div.green {
ความกว้าง: 100px;
ความสูง: 80px;
พื้นหลัง: สีเขียว;
ชายแดน: 1px ของแข็งสีดำ
ตำแหน่ง: ญาติ;
}
div.red {
ขอบด้านบน: 10px;
ความกว้าง: 50px;
ความสูง: 30px;
พื้นหลัง: สีแดง;
ชายแดน: 1px ของแข็งสีดำ
ตำแหน่ง: ญาติ;
}
.ui ผลการถ่ายโอน {
ชายแดน: 1px สีดำประ;
}
</ style>
<script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
<script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
<div class = "สีเขียว"> </ div>
<div class = "สีแดง"> </ div>
<script>
$ ( "Div") จำนวนคลิก (ฟังก์ชั่น () {
var i = 1 - $ ( "div") .index (นี้);
$ (นี้) .effect ( "Transfer" {เพื่อ: $ ( "div") .eq (i)}, 1000)
});
</ script>
</ body>
</ html>