標簽‘jquery’

簡潔Metro風格jQuery下拉框插件分享

日常工作中經常需要對form表單元素進行美化,而常用元素中唯獨select下拉框最不易通過CSS重寫樣式,所以選擇使用自定義的樣式加列表模擬原生select。

此類插件網上也是很多,但很多插件功能是大而全的,而我需要的只不過是簡簡單單的風格樣式上的統一,于是,自己草草寫下了一款小插件,優點是可以通過以下三種方式生成:

1、在某個div上示例化組件,通過傳入數組生成
2、通過固定格式的dl dd自定義列表生成
3、通過原生select生成,同時,如果你不愿意改動事件綁定代碼來完成聯動,可以保持原有程序不變,取值也依然是不變的。
查看更多...

網頁局部滾動時屏蔽全局滾動事件(屏蔽鼠標滾輪事件)

標題有些繞,其實就是很簡單的問題,很多人應該都遇到過,最近優化自動完成的插件,發現在下拉框內容多時出現滾動條的情況下,如果頁面本身也有滾動條,就很容易出現兩邊都滾動的情況,體驗非常之差。因為之前沒有考慮過此類問題,自信想了下,應該可以通過技術手段避免。

一開始想過監聽scroll事件,但是發現這樣的想法本身就有誤區,因為滾動某個元素本身,而要去屏蔽window的滾動,根本說不通,那么換一種思路,既然滾動通常是鼠標操作,何不操作處理滾輪事件?

簡單查了下,的確有類似的文章,我們都知道,jQuery插件默認是不支持鼠標中輪滾輪事件的,現在我們可以用于添加跨瀏覽器的鼠標滾輪支持可以使用jQuery的Mousewheel插件,具體插件大家可以搜jquery.mousewheel.js找到,這里不再額外貼地址。 查看更多...

HTML5的自定義data屬性及jQuery.data()方法的使用

做前端的人有的喜歡在HTML標簽上添加自定義屬性來存儲和操作數據。但這樣做的問題是,你不知道將來會不會有其它腳本把你的自定義屬性給重置掉,此外,你這樣做也會導致html語法上不符合Html規范,以及一些其它副作用。這就是為什么在HTML5規范里增加了一個自定義data屬性,你可以拿它做很多有用的事情。

你可以去讀一下HTML5的詳細規范,但這個自定義data屬性的用法非常的簡單,就是你可以往HTML標簽上添加任意以 "data-"開頭的屬性,這些屬性頁面上是不顯示的,它不會影響到你的頁面布局和風格,但它卻是可讀可寫的。

下面的一個代碼片段是一個有效的HTML5標記:

<div id="id" data-key="1">TO DO</div>

可是,怎么來讀取這些數據呢?你當然可以遍歷頁面元素來讀取你想要的屬性,但jQuery已經內置了方法來操作這些屬性。 查看更多...

Easyui Datagrid增刪改及后臺交互(java)

最近項目的特殊性可算是把我折騰得夠嗆,從最開始的整站JS,到現在的Liferay,且不說后臺,單單前臺框架就讓我從Dojo到YUI又到AUI、jQuery、ExtJS,常用API翻了一遍,常見問題解決了一遍,而歸根結底,為的就是一個方便好用、加載迅速的Grid控件。還好目前是定準用ExtJS了,不然常用控件都用一遍也沒找到完全合適的,就困難了。題外話至此,下面開始正題。

剛剛看到同學在之前發的文章,在使用Easyui DataGrid時遇到新增行數據在保存時不能獲取的問題,解決方法是在保存時先執行$('#example′).datagrid('acceptChanges');然后前臺獲取全部行,再拼裝字符串傳到后臺,這樣做是可以解決,但實際上Easyui Datagrid似乎有更好的API供調用。為了和我一樣的新手少走彎路,故寫此篇文章以便參考。 查看更多...

JQuery Mobile框架使用技巧幾則

個人認為,JQuery Mobile是一個非常好的框架,雖然我暫時沒接觸過Sencha Touch,但據說學習成本要比JQuery Mobile大很多,從目前Web應用UI框架選擇少的情況來看,JQuery Mobile是最好的選擇了。

JQuery本身就已經是一個成熟的框架了,JQuery Mobile作為它的附屬品,繼承了write less,do more的傳統。但是作為一個新興起的項目,毛病也是有不少。以下是一些常見問題的解決小技巧,希望做移動Web應用的朋友能用得著。

1.頁面跳轉時,當前頁會先回到頂部,再跳轉到目標頁
相信在JQuery Mobile 1.1.0 版本出來之前,每個人都會遇到的問題。 查看更多...

JQuery與JQuery EasyUI部分基礎內容總結

JQuery總結部分
1、在<script>中,如果是需要頁面打開就要載入的部分,需要先寫

$(function(){
});

然后把需要變成EasyUI的input或div等的ID寫入其中,否則他們不能變成你想要的插件。當然,其他的函數,如onclick(),就要寫到其外了。

2、$.get()
$.get()是簡化的$.ajax()。用法如

$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});

查看更多...

Myeclipse中Spket插件的ExtJS、JQuery等主流框架配置

前面,小子已經通過文章《Spket安裝及反編譯修改“注冊程序”過程全解》細述了Spket插件的幾種安裝方法以及破解方法的推薦。這里就一代而過,不再贅述了,這也是小子第一次將一件事分兩篇文章來講,一來測試更新后百度、Google的收錄速度,二來也湊合文章數量吧。

接上文,如果沒有看過上文的朋友情通過文章開頭鏈接或者其他任何方式訪問了解安裝方式。下面描述配置,示例截圖采用Myeclipse8.0,版本不同可能效果稍有不同,但大體功能不會變,故這里只針對Myeclipse8.0做截圖,并且看到這里需確定你的Spket插件已經安裝成功。

打開Myeclipse后依次選擇Window->Preferences,在彈出的Preferences窗口中你會看到如圖所示界面。

Myeclipse中Spket插件的ExtJS、JQuery等主流框架配置
查看更多...

jQuery+CSS 打造動態下滑菜單效果

本文將分步講解如何使用JQuery和CSS打造一個炫酷動感菜單。jQuery的"write less, do more"的特性可謂是家喻戶曉,即使沒有很豐富JS編程經驗的人,也可以通過其提供的API很快學會如何使用,當然,如果您經驗豐富,我還是建議您可以理解jQuery各主要函數的實現原理。

Step1 - HTML結構

看一下菜單的HTML代碼,跟平常的菜單代碼沒有什么區別:

<div id="menu"> 查看更多...

asp.net用jquery為服務器控件添加javascript處理

在使用asp.net進行web開發的過程中,經常會用到服務器控件,可是服務器控件又不像html那樣可以易容的添加
javascript事件,處理,
那么怎么給服務器控件添加js事件呢,
這時我們可以使用成熟的javascript框架:jquery? 查看更多...

黑龙江22选5开奖