顯示具有 JQuery 標籤的文章。 顯示所有文章
顯示具有 JQuery 標籤的文章。 顯示所有文章

2015年10月5日 星期一

使用 jQuery 以 OR 多條件選取元素

語法

$('input:not([type=image],[type=button],[type=submit]')
於 沒有留言:
標籤：

2014年12月2日 星期二

jQuery ajax() 跨網域取得 Session Cookie


【文件 headers 設定】

Access-Control-Allow-Origin : http://www.domainname.com
Access-Control-Allow-Credentials : true


【ajax 範例】


$.ajax({
   url: http://www.domainname.com,
   xhrFields: {
      withCredentials: true
   }
});

於 沒有留言:
標籤：

2013年11月12日 星期二

jQuery 檢查特定一個單選框, 是否有被點選


Html Code
<input id=name1 type=radio>
<input id=name1 type=radio>

JS Code
if (  $("input[type='radio']").get(1).checked ){
   console.log="checked";
}
於 沒有留言:
標籤：

2013年11月11日 星期一

jQuery 計算一個頁面中, 有多少個選項被勾選


JS Code
var totalchecked = $("[type='checkbox']:checked").length;

於 沒有留言:
標籤：

jQuery 檢查一個選項是否被勾選

Html Code
<input id=name1 type=checkbox>


JS Code
if ($('#name1').is(':checked')) {
於 沒有留言:
標籤：

2013年9月18日 星期三

jQuery 將所有選項全選



語法

將所有 checkbox 全部勾選
$('input[type=checkbox]').each(function(j){
$(this).attr('checked',true);
});

將所有 radio 選項全部勾選

$('input[type=checkbox]').each(function(j){
$(this).attr('checked',true);
});

將所有選項全部勾選

$('input').each(function(j){
$(this).attr('checked',true);
});
於 沒有留言:
標籤：

2013年9月8日 星期日

修正 Wordpress 找不到 jquery-1.10.2.min.map 的錯誤

訊息
GET /wp-includes/js/jquery/jquery-1.10.2.min.map 404 (Not Found)

解決方式
下載缺少檔案並置於同目錄可正常使用

下載點
http://code.jquery.com/jquery-1.10.2.min.map
於 沒有留言:
標籤： ,

jQuery 依視窗大小自動調整高度

使用 jQuery 依視窗大小變化, 自動調整高度

JS Code
$(window).resize(function() {

$('#autoheight').css({height:$(window).height()-$('#header').height()});

}).trigger('resize');


Html Code
<html>
<head>
</head>
<body>
<div id=header style="height:100px;">
</div>
<div id=autoheight>
</div>
</body>

於 沒有留言:
標籤：

jQuery 插件 Plugin Supersized

類型
全螢幕藝廊外掛

線上示範 Demo
http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

下載點
http://buildinternet.com/project/supersized/download.html

網址
http://buildinternet.com/project/supersized/

說明文件
http://buildinternet.com/project/supersized/docs.html

實用參數
fit_always 不裁切圖片,自動縮放圖片至適合大小
fit_landscape  在圖片寬度為 100% 比例的前提下裁切圖片
fit_portrait  在圖片高度為 100% 比例的前提下裁切圖片
min_height 設定圖片最小高度
min_width 設定圖片最小寬度


於 沒有留言:
標籤：

2013年7月30日 星期二

在表單中增加額外欄位值


使用 jQuery 在既有表單送出前, 增加額外的值並送出

var newvalue = $("<input>").attr("type", "hidden").val("newdata");
$('#form').append($(newvalue));
$('#form').submit();


jQuery function 範例:


jQuery.fn.addvalue = function (key, value) {
    return this.each(function () {
        var newvalue = $("<input>").attr("type", "hidden").attr("name", key).val(value);
        $(this).append($(newvalue));
    });
};



var frm = $("#form").addvalue('newkey', 'newvalue')
                    .submit();

於 沒有留言:
標籤：

2013年7月29日 星期一

Object has no method ajaxSubmit 問題處理


Q:錯誤訊息 Object has no method ajaxSubmit

A:確認在 head 是否已加上 jquery.form 並且不與其它 plugin 衝突
<script src="malsup.github.com/jquery.form.js">
於 沒有留言:
標籤：

2013年7月28日 星期日

jQuery 加號遺失問題處理


將加號直接取代

var bstring = astring.replace(/\+/g, "%2B");
於 沒有留言:
標籤：

2013年6月5日 星期三

JQuery 更換或附加內容

附加內容
$('#target').append(newcontent);

附加內容前清除原有內容
$("#target").empty().append(newcontent);

更換內容
$('#target').html(newcontent);
於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)