今天我們來介紹一下jquery dialog官網。
先來看看官網的頁面結構:
從頂部的標題可以看出,這個頁面是用來展示jquery dialog默認功能的。 可以看到,在head標簽中引用了jquery-ui的css和js文件,同時也引用了jquery庫。在body標簽中,我們可以看到一個id為dialog的div,并且它有一個title為Basic dialog。在這個div里面,我們可以看到一個p標簽,它內部放置了一段描述文字。 另外,在頁面底部,還有一個引用了jquery dialog的腳本,它用來初始化dialog。jQuery UI Dialog - Default functionality This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
$( function() { $( "#dialog" ).dialog(); } );其中,$( function() { ... } )是一個匿名函數,它用來在頁面加載完成后執行代碼。$( "#dialog" )表示選取id為dialog的元素,然后調用dialog()方法來初始化這個dialog。 jquery dialog具有很多功能和選項,我們可以通過官網的文檔進行學習和使用。在這里,我們僅僅介紹了它的基礎用法。希望這篇文章能對初學者有所幫助。