Jquery 彈跳視窗後 按下確定 執行新程式

我是用在
按下確定要整頁重新整理


string script = "";
Page.ClientScript.RegisterStartupScript(typeof(Page), string.Empty, script);


他就會跑去做LinkButtonRePage的程式

Jquery 超級無言的bug unbind click

這幾天遇到一個超級無言bug
講解一下我的架構
我是用GridView點擊Row或拖曳Row後
會將那一Row的詳細資料帶出來
我是用JS抓關鍵值後點擊一個Button來執行後端帶出值

之前用的很開心
但是
因為發現GridView更新後
就掛了
所以就將JS的CODE重新帶入
發現....
我拖曳部分正常
點擊部分!!!!
產生了越點執行越多次狀況
點第一次執行一次
點第二次執行兩次
點第三次執行四次....以此類推

因為拖曳跟點擊都是觸發同個BUTTON
只是差別在抓關鍵值方法不同而已
所以
怎會有這種差異性!!!!!
經過多方研究+Google到爛掉的時候
同事弄了一個方法
在執行前先加入!!!

$('#GVRowSelect').unbind("click");

靠!!!!!!!
搞定了!!!!!!!!
在他點擊前先將click給unbind掉
在執行
這樣就不會越做越多次的窘境
超無言的啦!!!!!

光這個鳥BUG抓了好幾天
暈!!!!!!!!!!!

Asp.net iframe 隱藏後Loading失敗

在firefox上
某些隱藏位置loading會造成停止
導致功能不全

就像我的iframe設定隱藏
按下某個按鈕才會顯示
但是就會造成loading一半就停止
功能掛掉在那

所以用jquery的功能
讓她重新load一次
就好了!!!

$("#iframeSrc").attr("src","http://localhost/test.htm");


Jquery slideToggle滑動式顯示

滑動式顯示方式


$("button").click(function () {
$("p").slideToggle("slow");
});



網頁連結

另一種的

$("#divTest").click(function () {
if ($("#divShowTest").is(":hidden")) {
$("#divShowTest").show("slow");
} else {
$("#divShowTest").slideUp();
}
});


網頁連結

Jquery 抓滑鼠座標值

直接看CODE

$(document).mousemove(function (e) {
sx = e.pageX + document.documentElement.scrollTop;
sy = e.pageY + document.documentElement.scrollLeft;
});

e.pageX ,e.pageY是頁面內的X,Y值
document.documentElement.scrollTop 是下拉捲軸後 Top值
document.documentElement.scrollLeft 是下拉捲軸後 Left值
這樣才能讓在下拉捲軸產生後 確保座標值無誤狀態

Jquery 抓Gridview內的值

因為GridView會轉成一張Table所以用這方法抓值

$("td:nth-child(1)", this)[0].innerHTML


1代表第一欄位
可以改成你所需要欄位

Jquery 不同步更新後 droppable 在IE上有錯誤問題

當Jquery 不同步更新某段後 重新更新draggable的值後droppable發生了問題!!!
htmlfile: Unspecified error.
死在這段var box = elem.getBoundingClientRect(),
因為他當不同步更新後,抓座標值會發生錯誤
所以經過了各方查詢資料後...
結論就是要改Jquery內碼
把var box = elem.getBoundingClientRect(),
改成
var box = null; try { box = elem.getBoundingClientRect(); } catch(e) { box = { top : elem.offsetTop, left : elem.offsetLeft } ; }

喔 原本的CODE是多個變數宣告
所以記得 刪了他後 還要還給他var喔

終於可以用了 @_@
參考網站:參考網站

Jquery datepicker Format

將datapicker 格式化

$("#f_btn111").datepicker({ dateFormat: 'yy-mm-dd' });


大致上跟習慣格式化格式差不多
"mm/dd/yy" mm/dd/yy
"yy-mm-dd" yy-mm-dd
"d M, y" d M, y
"d MM, y" d MM, y
"DD, d MM, yy" DD, d MM, yy
"'day' d 'of' MM 'in the year' yy" 'day' d 'of' MM 'in the year' yy

Jquery Tabs 更新後 會回到原本的頁面

如果沒有任何記錄情況下
Jquery的Tabs會回到最初的第1個頁面
但是很多情況是想要讓他保持在原本頁面的
這下子就要用到這招


var tabindex = 0;
function tabsfunction() {
$("#tabs").tabs({
select: function (event, ui) {
tabindex = ui.index;
}
});
$("#tabs").tabs('select', tabindex);
}

在JS最外層宣告個全域變數tabindex然後將每次點選後的index紀錄進去
這樣不管怎樣更新
它還是會乖乖的開啟你剛剛紀錄的tab了

Jquery Ajax UpdatePanel PostBack後 Jquery失效

因為想要更新小部份資料而已
所以就將要更新部份用UpdatePanel包起來
結果一更新!!!燈燈!!!!
Jquery全趴在地上動也不動...

結果發現原來PostBack後要重新讀取一次JS才行

結論就是
將不會動的Jquery寫成Function後
再讀取一次就行了

＜script language="javascript" type="text/javascript"＞
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(tabsfunction);
＜/script＞


謝謝觀賞

JS Jquery textbox多個輸入框

遇到一個功能...有5個輸入框專寫意見的
如果輸入第一個 第二個才會開啟可輸入 第三個才會顯示出來
如果輸入第二個 第三個才會開啟可輸入 第四個才會顯示出來
以此類推
所以就寫了個Jquery的功能
讓前端來完成這件事情

因為我有寫MASTER所以會多了將ID傳至前端的方法變數 可以省略不看
直接打上你需要的ID給JQUERY就行了

$(function () {
var TextBoxAR1 = "#" + document.getElementById(GetClientId("TextBoxReason1")).id;
var TextBoxAR2 = "#" + document.getElementById(GetClientId("TextBoxReason2")).id;
var TextBoxAR3 = "#" + document.getElementById(GetClientId("TextBoxReason3")).id;
var TextBoxAR4 = "#" + document.getElementById(GetClientId("TextBoxReason4")).id;
var TextBoxAR5 = "#" + document.getElementById(GetClientId("TextBoxReason5")).id;

//1 TO 2
$(TextBoxAR1).keyup(function () {
if ($(TextBoxAR1).val() != "") {
$(TextBoxAR2).attr("disabled", "");
$("#Reason3").show();
}
else {
$(TextBoxAR2).attr("disabled", "disabled");
$("#Reason3").hide();
}
});
//2 TO 3
$(TextBoxAR2).keyup(function () {
if (($(TextBoxAR2).val() != "")) {
$(TextBoxAR3).attr("disabled", "");
$("#Reason4").show();
}
else {
$(TextBoxAR3).attr("disabled", "disabled");
$("#Reason4").hide();
}
});
//3 TO 4
$(TextBoxAR3).keyup(function () {
if (!($(TextBoxAR3).val() == "")) {
$(TextBoxAR4).attr("disabled", "");
$("#Reason5").show();
}
else {
$(TextBoxAR4).attr("disabled", "disabled");
$("#Reason5").hide();
}
});
//4 TO 5
$(TextBoxAR4).keyup(function () {
if (!($(TextBoxAR4).val() == "")) {
$(TextBoxAR5).attr("disabled", "");
}
else {
$(TextBoxAR5).attr("disabled", "disabled");
}
});