標籤: jquery

jQuery MaxImage 2.0 random option not randomizing the first image 第一張圖無法隨機

在MaxImage 2中幻燈片切換的特效是使用jQuery Cycle Plugin，
而在MaxImage 2下載的Demo中引入的是jQuery Cycle Version: 2.9998版本，
第一張圖無法隨機，應該是jQuery Cycle Version: 2.9998版的bug，
更新jQuery Cycle Plugin至最新版本就可以解決^^

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html

[……]

閱讀更多

jQuery Cycle Plugin random option not randomizing the first image 第一張圖無法隨機

應該是bug, dowload最新版本即可解決

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html[……]

閱讀更多

jQuery animate easing 速查表

這是一個非常好用的工具，大部份的時候我們很難用文字來形容jQuery中動畫的Easing效果，下列這個網頁把所有Easing效果整理出來用波型圖片來讓大家一眼就了解動畫的效果，另外如果圖片看起來還不夠清楚，滑鼠滑過圖片上方會出現一個紅色鍵頭，即可看到動畫的動態效果。

[……]

閱讀更多

href=”javascript:void(0);” 設定無作用連結 – a 標籤 href 不作任何動作

有時候我們需要用a標籤去綁定一些Javascript or JQuery事件，不是真的要做為連結之用，但是a標籤又必需設定 href ， 這時大部份人就會在href加#號，但其實加#號仍然是連結，等同換了另一頁，網址末端也會加上#號(如：http://www.aaa.com#)，這並不是最理想的狀況，我們不希望它做任何動作，以下寫法a標籤緊會執行javascript的事件，除此之外不會有其他動作。我們也可以比較以下兩種寫法的差異。

javascript 寫在行內

<!-- A標籤還是有動作 -->
<a href="#" onclick="alert('hello')">沒有作用</a>

<!-- A標籤不會有任何動作 -->
<a href="javascript:void(0);" onclick="alert('hello')">沒有作用</a>

jQuery解法

html：

<a href="#">沒有作用</a>

jQuery

/**
* VECTOR COOL
* https://vector.cool
*/
$(document).ready(function(e) {
    $('a').click(function(e){
	e.preventDefault();
    });
});

 [……]

閱讀更多

JQuery 1.9+ 之後 $.browser 無法使用(解決方法)

官網文件上指出 jQuery.browser 這物件在 jQuery 1.9 中被刪除，現在只能用 jQuery.migrate plugin. 才有辦法使用，如果我沒說錯的話 jQuery.migrate plugin. 就是新舊版本交替，可能會產生很多問題的一個過渡的工具，不然以前使用 jQuery.browser 判斷瀏覽器寫出來的plugin不就都死光光，我剛試了一下，加上jQuery.migrate plugin.就沒問題，沒加就掛點了。

這又回到一個很可怕的議題了，當網站大量使用第三方API或framework，當版本越來越亂的時候，開始不向下相容的時候，當初以此來開發的專案，就會變得非常難維護了，工程屍頭又要抱著燒了。

jQuery.migrate plugin.下載
http://jquery.com/download/

直接引用
<script src=”http://code.jquery.com/jquery-1.10.1.min.js”></script>
<script src=”http://code.jquery.com/jquery-migrate-1.2.1.min.js”></script>

官網原文
http://api.jquery.com/jQuery.browser/

[……]

閱讀更多

JQuery $.browser 判斷瀏覽器及瀏覽器版本

判斷瀏覽器
$(function() { 
   if($.browser.msie) { 
   alert("this is msie"); 
 } else if($.browser.safari) { 
   alert("this is safari!"); 
 } else if($.browser.mozilla) { 
   alert("this is mozilla!"); 
 } else if($.browser.opera) { 
   alert("this is opera"); 
 } else { 
   alert("i don't konw!"); 
}
瀏覽器類型
msie    ie瀏覽器(Microsoft Internet Explorer)
safari  safari
mozilla firefox瀏覽器 opera   opera
取得瀏覽器版本
$.browser.version
實例
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
if($.browser.msie){//若是ie流覽器
 alert("用的是Firefox，版本："+$.browser.version);
 //ie8以下的ie流覽器:$.browser.version返回是string(字串,用parseInt轉成number(數值)類型)
 if(eval(parseInt($.browser.version))<8){
  alert("IE版本小於8");
 }
}else if($.browser.chrome){
 alert("用的是Chrome版本："+$.browser.version);
}else if($.browser.mozilla){
   alert("用的是Firefox，版本："+$.browser.version);
}else if($.browser.safari){
   alert("用的是Chrome，版本："+$.browser.version);
}else if($.browser.opera){
   alert("用的是Opera，版本："+$.browser.version);
}
</script>


延伸閱讀
JQuery 1.9+ 之後 $.browser 無法使用(解決方法)
http://vector888.blogspot.com/2013/08/jquery-browser.html

[……]
閱讀更多