JavaScript: Çift düğmeyi nasıl tıkırırsınız veya düğmeyi devre dışı bırakın

Birden fazla kullanıcı bilgisi ayrıntılarının olduğu bir web sayfam var. Tamamladığımda (burada tüm düğmelerin yanında tam düğme var) düğmesinin bazılarını görev (örn. buraya posta gönderiyorum) ve tekrar aynı sayfaya yönlendirildikten sonra düğmeyi devre dışı bırak. Nasıl yaparım? Herhangi bir öneri? Sorununuzu ele almakJavaScript: Çift düğmeyi nasıl tıkırırsınız veya düğmeyi devre dışı bırakın

<html> 
    <head> 
     <title> User Details </title> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> 

    </head> 
    <body> 


<div class="container"> 
<h3> Student Details </h3> 
     <table class="table table-striped table-bordered" id="example"> 
     <thead> 
      <tr> 
      <td>Serial No</td> 
      <td>Student Name</td> 
      <td>Stdunet Email</td> 
      <td>Course Name</td> 
      <td>Phone Number</td> 
      <td>Action</td> 
     </tr> 
     </thead> 
     <tbody> 
      <?php $i=1; ?> 
     @foreach($user as $row) 
     @if($row->courses()->first()) 
      <tr> 
      <td>{{$i}}</td> 
      <td>{{$row->name }}</td> 
      <td>{{$row->email}}</td> 
      <td>{{$row->courses()->first()->name}} </td> 
      <td>{{$row->phone}}</td> 
      <td> 

       <a href="{{route('sendMail',$row->id)}}" class="btn btn-warning">Complete</a>           

      </td> 
      </tr> 
      <?php $i++; ?> 
      @endif 


     @endforeach 
     </tbody> 


     </table> 

    </div> 

    </body> 
</html>

kaynak

2016-04-13 Hola

Yani orada birkaç yolu vardır:

web sayfama bir demo

[i laravel web uygulaması yapıyorum gibi bir bıçak şablon var].

İstemci tarafındaki basit bir düğme, düğmeyi geçici olarak devre dışı bırakmak için jQuery'yi (HTML'nizde içe aktardığınızdan beri) kullanmak olacaktır.

$(document).ready(function() { 
 
    clicked = false; 
 
    $(".btn").on('click', function (event) { 
 
      if (!clicked) { 
 
      clicked = true; 
 
      $(".text").text("Clicked!"); 
 
      setTimeout(function(){ 
 
       clicked = false; 
 
       $(".text").text(""); 
 
      }, 2000); 
 
      } else { 
 
       $(".text").text("Already clicked!"); 
 
      } 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<button class="btn btn-warning">Complete</button> 
 
<text class="text"></text>

kaynak

2016-04-13 03:43:20 Aleks

Sen jQuery'nin .one() yöntemi kullanabilirsiniz: Burada

bir exemple olduğunu. ben tıklanan gösteriyor ilk kez tıklayıp görevi yapmak ama yine tıkladığınızda tekrar görev yapacak ama istemediğinizde

// prevent anchor to click 
 
$(document).ready(function() { 
 
    var clickCtr = 0; 
 
    $("a.btn").click(function() { 
 
    if(clickCtr > 0) { 
 
     return false; 
 
    } 
 
    clickCtr++; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<a href="https://www.google.co.in" target="_blank" class="btn btn-warning">Complete</a>

kaynak

2016-04-13 03:44:47 pradeep1991singh

sorun çözümü ile olan gör bunu yapmak için! , düğmeyi devre dışı bırakmalı veya daha fazla tıklamayı önlemelidir. Burada gördüğünüz gibi aynı sayfada aynı düğmeye sahip olduğumu belirtmek için. – Hola

@ x69 Tamam, güncellenmiş kodu buraya bakın, burada çalışan demo bakın - https://jsfiddle.net/pradeep1991singh/wzj5o3kz/1/ – pradeep1991singh

@ x69 İşte - https://jsfiddle.net/pradeep1991singh/wzj5o3kz/1/ – pradeep1991singh

JavaScript: Çift düğmeyi nasıl tıkırırsınız veya düğmeyi devre dışı bırakın

cevap

İlgili konular