jQuery TinyMCE remove html head body tag in textarea

TinyMCE Editor 是一個很常見的所見及所得文字編輯器,功能很強大,並提供很多插件來擴展編輯器功能,但安裝4.8.2版本時,在textarea中會自動包覆<HTML><head><body>等標籤,即便未輸入內容,然然會存入 <HTML><head><body>等標籤 。

解決方法

非常簡單,在初始 TinyMCE 的時候不要使用 fullpage 這個 plugin 舊可以了。

參考:

jQuery TinyMCE Editor

[……]

Read more

jQuery Plugin 輕量又強大的POPUP插件,文件還蠻完整的

Demo

http://dimsemenov.com/plugins/magnific-popup/

文件

http://dimsemenov.com/plugins/magnific-popup/documentation.html[……]

Read more

jQuery Form data to Object

jQuery Serialize Object

取得所有表單資料,目前試過唯一能轉多維表單物件的,使用簡單,找到感覺得救了
Form data to Object jQuery

Example:

<form id="contact">
<input name="user[email]" value="jsmith@example.com">
<input name="user[pets][]" type="checkbox" value="cat" checked>
<input name="user[pets][]" type="checkbox" value="dog" checked>
<input name="user[pets][]" type="checkbox" value="bird">
<input type="submit">
</form>
$('form#contact')[......]

Read more

Drop and drag

Drag and drop so simple it hurts
https://github.com/bevacqua/dragula

angular-drag-and-drop-lists
http://marceljuenemann.github.io/angular-drag-and-drop-lists/

GRIDSTACK.JS
http://troolee.github.io/gridstack.js/[……]

Read more

CKEditor 4 粗體、斜體、底線、顏色沒有效果的原因及解決方案

在CKEditor 4 編輯器中,設定粗體,回到前端秀出來的文字粗體、斜體、底線都沒有效果,
應該是在做前端網站設計,都習慣用reset.css來重新設置每個標籤的樣式
而在CKEditor 4 我們將某段文字設定為粗體,
切到原始碼來看,CKEditor預設將該用<strong></strong>包裹,用HTML標籤產生粗體效果,

<strong>HELLO WORLD!!</strong>

不過<strong>已經被reset.css重設了,所以在前端<strong>並起不了粗體作用,
在網路上找到一個方法,在CKEditor 4 的config.js設定檔中加上

config.coreStyles_bold = { element: ‘span’, styles: { ‘font-weight’ : ‘bold’ } };

這時候粗體就會用<span>來包裹透過CSS來產生粗體效果,而不是<strong>標籤:

<span style=”font-weight:bold;”>HEL[……]

Read more

jQuery 5個jQuery UI 的 framework

Google直接翻譯的~英文好的就自己去下面網址看囉
原文原作者
http://www.sitepoint.com/top-5-jquery-ui-alternatives/

經常使用的UI控件庫,我們的項目是一個更好的選擇,而不是隨機收集的jQuery插件來自全國各地的網絡。事實上,大多數的jQuery小部件不彼此結合良好。他們可能缺乏的功能,包含bug並且需要大量的時間來正確地放入一個真正的項目。

在另一方面,用戶界面庫提供專業開發的,功能豐富的小工具無縫集成相互搭配,提供一致的,高質量的外觀和感覺。此外,所有的部件都在多個設備和瀏覽器進行測試,以保證最大的兼容性。
今天,最流行 ​​的基於jQuery的插件庫的官方jQuery UI的項目。它是免費使用,並有很好的一套有用的成分。但有一個問題,雖然-它的發展速度太慢,還是有很多“失踪”的小部件,並在現代Web開發所需的功能。你可以看到最值得注意的列舉如下:
  • 數據網格
  • 樹視圖
  • 組合部件
  • 拾色器
  • 窗體小部件
  • 圖表
  • 分路器/佈局/面板
  • 文件上傳
  • RTL支持
  • 驗證
  • 全球化/本地化
看來,jQuery用戶界面遠遠落後於不斷增長的用戶需求。其實,也可以是只適合非常基本的東西。[……]

Read more

jQuery img load not working 解決圖片load事件失效問題

jQuery img load not working
解決圖片load事件失效問題

$(‘img’).load(function() {
alert(‘img_loaded’);
}).each(function() {
  if(this.complete) $(this).load();
});[……]

Read more

jQuery javascript關閉 fancybox視窗

由fancybox視窗中關閉:

<a href="javascript:parent.$.fancybox.close();">關閉</a>

或

<script>
$('a').click(function(e){
	parent.$.fancybox.close();
})
</script>

由主頁上關閉fancybox視窗:

<a href="$.fancybox.close();">關閉</a>

或

<script>
$('a').click(function(e){
	$.fancybox.close();
})
</script>

 [……]

Read more

jQuery settimeout 用 .delay()後執行指定function jquery after delay call function

jQuery .delay()後執行指定function  jquery after delay call function

function test(){
           alert(‘hello’);
}
$(‘body’).delay(2000).queue(test);[……]

Read more

jQuery radiobox Selected 設定選取

$(“input[name=’sex’][type=’radio’][value=’1′]”).attr(“checked”,”); //設定不打勾
$(“input[name=’sex’][type=’radio’][value=’0′]”).attr(“checked”,true); //設定打勾[……]

Read more