1. 程式人生 > >jquery a標籤不可點選,繫結bind/解除unbind點選,ajax防止重複提交

jquery a標籤不可點選,繫結bind/解除unbind點選,ajax防止重複提交

方法1 (繫結bind/解除unbind點選):

<a href="javascript:void(0)" id="dianji">點選</a>
<br/><br/>
<a href="javascript:void(0)" id="bangding">繫結</a><br/>
<a href="javascript:void(0)" id="jiechu">解除</a><br/>


<script type="text/javascript">
	
//點選操作
$("#dianji").bind("click",function(){ 
	test($(this));
}); 

function test(obj){
	alert( 11111);
}

$("#bangding").bind("click",function(){ 
	var obj = $("#dianji");
	obj.bind("click",function (){test(obj)});
	
}); 


$("#jiechu").bind("click",function(){ 
	var obj =  $("#dianji");
	obj.unbind("click");
}); 




</script>

方法2:


<a href="javascript:void(0)" class="save">儲存</a>


<script type="text/javascript">

var save_flag = true;
		$(".save").on({
			click:function(){  
				if(!save_flag){
					//不提交
					return;
				}


                $.ajax({
		          type : "POST",
		          url : "save.php",
		          data : { "name":"1234444"},
		          dataType:"json",
		          beforeSend: function(){
		          	save_flag = false;
				  }, 
		          error:function(){
		            //alert("error");
		            save_flag = true;
		          },
		          success:function(data){
		          	save_flag = true;
		          	
		          	alert("提示資訊");
		            
		          }
		      	});


            } 
        }); 


</script>





相關推薦

jquery a標籤不可bind/解除unbindajax防止重複提交

方法1 (繫結bind/解除unbind點選): <a href="javascript:void(0)" id="dianji">點選</a> <br/><

jQuery鍵盤事件事件與移除事件複合事件

鍵盤事件是指每次按下或者釋放鍵盤上得按鍵時所產生的事件,常用的鍵盤事件的方法: keydown()   :按下鍵盤時觸發的事件方法; keyup()   :釋放按鍵時觸發的事件方法; keypress()  :產生可列印的字元時觸發的事件

Dev控制元件 TreeList的使用多級樹以及多框的三種狀態

TreeList控制元件可以同時顯示樹結構和其他資料列,即在一個列上建立父子關係展開或收縮,同時還可以顯示其他列的內容。 在TreeList中同時引入了 Node和 Columns概念, 第一列為樹結構, 其餘列為資料列, 任何列都可作為樹結構列(即拖

jQuery的$ .ajax防止重複提交的方法

  沒啥說的直接貼程式碼,很簡單: 第一種方式:的onclick點選事件型別 <SCRIPT> function member_del(obj,id){ var lock = false; //預設未鎖定 layer.confirm('確

Jquery的$.ajax防止重複提交的方法

1、第一種,對於onclick事件觸發的的ajax 可以採用如下方法: 即在beforeSend中使點選按鈕不可用,ajax結果返回後置為可用 $.ajax( { type: 'POST', url: APP+

jquery 一個按鈕click事件後第一次一切正常第二次竟然執行兩次以後越來越多

用jquery  繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多。 後來檢視文件發現  jquery click  不是 替換原有的function  而是接著新增,所以才會執行次數越來越多。 這有就可以在新增之前要先解除cli

jquery 一個按鈕click事件後第一次一切正常第二次竟然執行兩次以後越來越多

用jquery  繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多, 後來檢視文件發現  jquery click  不是 替換原有的function  而是接著新增,所以才

jQuery動態元素的事件無效

示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分散式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li&g

jquery a 標籤click事件

$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你確定要刪除該公告嗎?',function(butto

js事件一次但是卻執行了多次

造成這樣的原因是因為繫結事件會累加,在寫js實現分頁拿資料時,由於是通過class為元素繫結事件,每當那一頁新的資料的時候,就會為該class繫結事件,即造成了事件的累加,解決辦法,通過bind(‘click’funtion(){})來繫結事件,並且在繫結之前現將click事

HTML給標籤事件匿名函式

結果就是a1和a3的點選事件會正常執行,a2就會有錯誤。可是a1、a2、d3的點選事件的繫結方式都是一樣的使用匿名函式,而且a2和a3的匿名函式的寫法也都是"function(){}",為啥a2這種寫法不行呢?

click事件的累加一次事件執行多次

第一種方法是使用jquery的one()方法,為元素繫結一個一次性的事件處理函式,這個事件處理函式只會被執行一次。 $("#adsCollection_tb").one("click",function(){ alert("執行"); }) 第二種

React map生成元素新增事件this

問題使用.map(function(Item)生成元素新增onClick事件:onClick={this.provinceChange.bind(this, "99")}時,前臺訪問報錯:Uncaught TypeError: Cannot read property 'provinceChange' of

按鈕事件--onClick事件

例子:給按鈕新增繫結事件:<button type="submit" id="btn">btn</button>第一種:$("#btn").click(function(even

頁面有多個相同的id或者class時jquery事件無效解決方案

<div id="cp_liuyan" class="cp_tl cp_tl2" >按鈕</div> <div id="cp_liuyan" class="cp_tl cp_tl2" >按鈕</div> <div id="

jQuery動態新增li標籤並新增屬性和事件

程式碼如下: <%@page import="java.util.ArrayList"%> <%@ page language="java" contentType="text/h

2018年11月2日 關於dropdownlist資料來源後顯示system.data.datarowview的問題解決

準備實現兩個dropdownlist二級聯動的功能: 在一個dropdownlist 繫結過資料來源之後顯示,system.data.datarowview,無法顯示從資料庫中查詢到的值。 原因是:  DropDownList4.DataTextField沒有繫結。 &nb

Jquery通過append新元素之後事件問題的解決方案:

1、 重複繫結 (DOM載入時,先對DOM中存在的元素進行事件繫結,每次新增的元素時,再對新增元素繫結一次事件) 2、 直接在標籤上新增onclick屬性 3、 事件委託 4、 如果元素是用click事件append進來的,那麼功能函式必須放在這個click事件裡面; 具體程式碼不表,

js後加載頁面元素時間都無法用解決方法

問題如下,頁面的table元素動態新增,當對table中的input做限制的時候無法操作,先看程式碼: $("#defaultView_content input").attr("disabled","disabled"); 然後噁心的我抓狂,後來通過谷歌搜了一波,果然: $('#defa

c#讀取txt,xml,excel中的資料到lsitview ,dataview

c#讀取txt,xml,excel中的資料,繫結到lsitview ,dataview c讀取txtxmlexcel中的資料繫結到lsitview dataview c#讀取txt,xml,e