You are here: 首頁 文章分類選單 Jquery心得

飛朵啦學習手札

本網站建議使用Firefox2.0以上,或是使用Goole瀏覽器來瀏覽,並使用1024x768解析度來觀看.

jquery心得

Firebug 對於某些錯誤會跳過

E-mail 列印 PDF

Jquary 有名的block UI 阻擋使用者進行下一步的好用UI

今天發生了一件詭異的事

同樣雙方在用Fire fox14.01

使用者A在使用上一步時被block UI 擋住

但使用者B卻不會被擋住

最後找到原因是因為使用者B有使用Firebug.

這真是太神奇了.

 

 
 

[轉貼]jquery圖片播放插件Fancybox使用方法

E-mail 列印 PDF

轉貼自:http://www.itivy.com/jquery/archive/2011/6/28/jquery-fancybox-usage.html

Fancybox使用方法:

1、引入jquery核心庫和Fancybox插件庫

1
2
< script type = "text/javascript" src = " http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js " ></ script >
< script type = "text/javascript" src = "/fancybox/jquery.fancybox-1.3.4.pack.js" ></ script >
可選 -如果需要用到fancy transition(一些動畫效果)你還需要引入以下腳本
1
< script type = "text/javascript" src = "/fancybox/jquery.easing-1.4.pack.js" ></ script >
可選 -如果需要支持鼠標滾輪滾動效果你還需要引入以下腳本
1
< script type = "text/javascript" src = "/fancybox/jquery.mousewheel-3.0.4.pack.js" ></ script >
2、添加樣式表文件
最近更新 ( 週四, 05 七月 2012 10:23 )
 
 

基於jquery的$.ajax async使用

E-mail 列印 PDF

 

默認設置下,所有請求均為異步請求。如果需要發送同步請求,請將此選項設置為false。注意,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執行

(默認: true) 默認設置下,所有請求均為異步請求。如果需要發送同步請求,請將此選項設置為false。注意,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執行。

複製代碼 代碼如下:

 

var temp;
$.ajax({
async: false,
type : "POST",
url : defaultPostData.url,
dataType : 'json',
success : function(data) {
temp=data;
}
});

alert(temp);

 

這個ajax請求則為同步請求,在沒有返回值之前,alert(temp)是不會執行的。
如果async設置為:true,則不會等待ajax請求返回的結果,會直接執行ajax後面的語句。

 

 

最近更新 ( 週三, 28 三月 2012 18:05 )
 

[轉]強烈推薦:240多個jQuery插件

E-mail 列印 PDF

概述

jQuery是繼prototype之後又一個優秀的Javascript框架。 其宗旨是—寫更少的代碼,做更多的事情。 它是輕量級的js庫(壓縮後只有21k) ,這是其它的js庫所不 jquery及的,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需定義id即可。 今天在Kollermedia.at上發現了一篇JQuery插件列表的文章 ,特推薦如下。

文件上傳(File upload)JQuery_001

Ajax File Upload .
jQUploader .
Multiple File Upload plugin .  
jQuery File Style .
Styling an input type file .
Progress Bar Plugin .

表單驗證(Form Validation)

最近更新 ( 週一, 20 七月 2009 17:19 )
 

jQuery載入的方法

E-mail 列印 PDF
要將 jQuery帶入至網頁有以下幾種方法:
 

(一)先下載 jQuery Library
http://docs.jquery.com/Downloading_jQuery
接著將此 JS 檔放進您網頁 HTML 的 及 之間...

  <script type="text/javascript" src="/joomla/jQuery 檔案路徑"></script>

(二)透過 Google 載入 jQuery

最近更新 ( 週五, 10 七月 2009 14:28 )