欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery ui 1.7更新小結(jié)

 更新時間:2009年08月15日 01:45:18   作者:  
因為要給新員工進行培訓jQuery.UI方面的內(nèi)容,我之前學習的都是jquery.ui-1.6b的,現(xiàn)在的版本升級到j(luò)query-ui-1.7.1,除了樣式上有很大調(diào)整以外,API也有了很大的變化。
1. 每個ui插件現(xiàn)在都有自己單獨的css文件,但是要根據(jù)情況與ui.theme.css ui.core.css結(jié)合使用,否則有些效果還是顯示不出來的。
eg. datepicker就必須同時引用上述兩個css文件;accordion 只須引入ui.theme.css即可。這個我會把每個插件獨立的demo放在我的資源里邊的。
2. ui.accordion
HTML 代碼要遵循一定的格式要求:
復制代碼 代碼如下:

<ul id="example">
        <li>
            <h3><a href="#" href="#">Test 1</a></h3>
            <div><table height="100px"><tr><td>News</td></tr></table>
            </div>
        </li>
        <li>
            <h3><a href="#" href="#">Test 2</a></h3>
            <div><table height="100px"><tr><td>Magazine</td></tr></table>
            </div>
        </li>
        <li>
            <h3><a href="#" href="#">Test 3</a></h3>
            <div><table height="100px"><tr><td>Sport</td></tr></table>
            </div>
        </li>
    </ul>

必須使用<h>標簽
3. ui.dialog
注意兩點:
(1) 在ui -1.7.1 中添加了一個新的引用:jquery.bgiframe.js支持
作用:如果網(wǎng)頁上有浮動區(qū)塊和下拉選單重疊時,在IE6會看到下拉選框總是把浮動區(qū)塊覆蓋住,無論怎么調(diào)整 z-index 都是沒用的,而用 bgiframe 就可以輕松解決這個問題。
具體參見: http://www.oschina.net/p/bgiframe
使用:
$.ui.dialog.defaults.bgiframe = true;
(2) 如果想實現(xiàn)dialog的拖動效果,必須添加ui.resizable.css 以及ui.resizable.js文件
4. ui.tabs
這個相對ui-1.6 尤其需要注意:
(1) HTML代碼規(guī)范:
復制代碼 代碼如下:

<div id="example">
            <ul>
                <li><a href="#tab-1" href="#tab-1"><span>One</span></a></li>
                <li><a href="#tab-2" href="#tab-2"><span>two</span></a></li>
                <li><a href="#tab-3" href="#tab-3"><span>three</span></a></li>
            </ul>
            <div id="tab-1">
                This is jQuery tab one.
            </div>
            <div id="tab-2">
                I'm tab two.
            </div>
            <div id="tab-3">
                Haha, three is here.
            </div>
            <div id="new-tab">
                This is add tab.
            </div>
        </div>

注意: 每個tab相應的div必須放在tab生效的div內(nèi)。
(2) 不再使用 $("#example > ul").tabs();
直接書寫為 $("#example").tabs();

相關(guān)文章

  • jQuery Chart圖表制作組件Highcharts用法詳解

    jQuery Chart圖表制作組件Highcharts用法詳解

    這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細分析了Highcharts插件的功能與具體使用技巧及相關(guān)注意事項,需要的朋友可以參考下
    2016-06-06
  • jquery ajax 調(diào)用失敗的原因示例介紹

    jquery ajax 調(diào)用失敗的原因示例介紹

    jquery 在使用ajax過程中出現(xiàn)調(diào)用失敗的情況,想必大家都有遇到過吧,在本文有個不錯的示例,希望對大家有所幫助
    2013-09-09
  • jQuery中siblings()方法用法實例

    jQuery中siblings()方法用法實例

    這篇文章主要介紹了jQuery中siblings()方法用法,實例分析了siblings()方法的功能、定義及獲取匹配元素集合中每一個元素的同輩元素的使用技巧,是進行元素篩選時非常實用的方法,需要的朋友可以參考下
    2015-01-01
  • jQuery Validate初步體驗(一)

    jQuery Validate初步體驗(一)

    jQuery 是一個快速、簡單的JavaScript library, 它簡化了HTML 文件的traversing,事件處理、動畫、Ajax 互動,從而方便了網(wǎng)頁制作的快速發(fā)展。 jQuery 是為改變你編寫JavaScript 的方式而設(shè)計的,本文給大家分享jquery validate初步體驗(一),感興趣的朋友一起學習吧
    2015-12-12
  • jquery.mousewheel實現(xiàn)整屏翻屏效果

    jquery.mousewheel實現(xiàn)整屏翻屏效果

    jQuery Mousewheel 用于添加跨瀏覽器的鼠標滾輪支持。 mousewheel事件的處理函數(shù)有一點小小的變化,它除了第一個參數(shù)event 外,還接收到第二個參數(shù)delta。通過參數(shù)delta可以獲取鼠標滾輪的方向和速度。
    2015-08-08
  • 判斷文檔離瀏覽器頂部的距離的方法

    判斷文檔離瀏覽器頂部的距離的方法

    文檔離瀏覽器頂部的距離如何判斷,下面有個不錯的方法,感興趣的朋友可以參考下
    2014-01-01
  • 常用jQuery選擇器匯總

    常用jQuery選擇器匯總

    元素選擇是一切操作的前提,jQuery中$()函數(shù)最強大最常用的功能之一就是使用選擇器選擇DOM元素。這里就匯總一些十分常用的jQuery選擇器。
    2017-02-02
  • 可以浮動某個物體的jquery控件用法實例

    可以浮動某個物體的jquery控件用法實例

    這篇文章主要介紹了可以浮動某個物體的jquery控件,實例分析了jquery控件實現(xiàn)頁面浮動層的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • jquery圖片滾動放大代碼分享(2)

    jquery圖片滾動放大代碼分享(2)

    這篇文章主要介紹了jquery圖片滾動放大效果,功能實現(xiàn)非常簡單,推薦給大家,有需要的小伙伴可以參考下。
    2015-08-08
  • 使用JS或jQuery模擬鼠標點擊a標簽事件代碼

    使用JS或jQuery模擬鼠標點擊a標簽事件代碼

    這篇文章主要介紹了使用JS或jQuery模擬鼠標點擊a標簽事件代碼,需要的朋友可以參考下
    2014-03-03

最新評論