কীভাবে jQuery এ বোতাম ক্লিক ইভেন্টগুলি পরিচালনা করবেন?

Question

আমার কাছে একটি বোতাম থাকা এবং এর ইভেন্টটি jQuery এ পরিচালনা করতে হবে। এবং আমি এই কোডটি লিখছি তবে এটি কাজ করছে না। আমি কি কিছু রেখে গেলাম?

<!-- Begin Button -->  
<div class="demo">
<br> <br> <br>   
<input id = "btnSubmit" type="submit" value="Release"/>
<br> <br> <br>  
</div>
<!-- End Button -->

এবং জাভাস্ক্রিপ্ট ফাইল

function btnClick()
{
    //    button click
    $("#btnSubmit").button().click(function(){
        alert("button");
    });    
}

Comments

কেন কেবল এটি ঘেরের btnClickকাজ থেকে বাইরে নিই ? এটি কী যুক্ত করে তা আমি দেখছি না

— কোডিবাগস্টাইন

Answer 1

আপনাকে ইভেন্ট হ্যান্ডলারটি $ (নথি)। প্রস্তুতি () ইভেন্টে রাখতে হবে:

$(document).ready(function() {
    $("#btnSubmit").click(function(){
        alert("button");
    }); 
});

Answer 2

$(document).ready(function(){

     $('your selector').bind("click",function(){
            // your statements;
     });

     // you can use the above or the one shown below

     $('your selector').click(function(e){
         e.preventDefault();
         // your statements;
     });


});

Comments

ভাল কারণ প্রতিরোধ inোকানো একমাত্র ব্যক্তি ()

— গ্যাবারে

JQuery 1.7 হিসাবে, .on() পদ্ধতিটি কোনও নথিতে ইভেন্ট হ্যান্ডলার সংযুক্ত করার জন্য পছন্দসই পদ্ধতি। সুতরাং এটি আরও ভাল হবে:$('your selector').on("click", ...);

— টিনিনম্বারস

Answer 3

$('#btnSubmit').click(function(){
    alert("button");
});

অথবা

//Use this code if button is appended in the DOM
$(document).on('click','#btnSubmit',function(){
    alert("button");
});

আরও তথ্যের জন্য ডকুমেন্টেশন দেখুন:
https://api.jquery.com/click/

Comments

ডোম জিনিসটিতে যুক্ত বোতামটি সর্বদা একটি সমস্যা হয়ে থাকে যদি মিষ্টিলেটের মতো বিজ্ঞপ্তি ব্যবহার করে। এটি

— দেখানোর

Answer 4

 $("#btnSubmit").click(function(){
        alert("button");
    });    

Answer 5

এটা চেষ্টা কর:

$(document).on('click', '#btnClick', function(){ 
    alert("button is clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <button id="btnClick">Click me</button> 

Comments

এই স্ক্রিপ্টটি চলার পরে # বিটিএনক্লিক তৈরি করা থাকলে এই সংস্করণটিতে এখনও কাজ করার সুবিধা রয়েছে।

— জিম্বালি

Answer 6

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

<script>
$(document).ready(function(){
  $("#button").click(function(){
    alert("Hello");
  });
});
</script>

<input type="button" id="button" value="Click me">

Answer 7

<script type="text/javascript">

    $(document).ready(function() {

    $("#Button1").click(function() {

        alert("hello");

    });

    }
    );

</script>

Answer 8

$('#btnSubmit').click(function(event){
    alert("Button Clicked");
});

বা আপনি জমা বোতামটি ব্যবহার করছেন যাতে আপনি আপনার কোডটি ফর্মের বৈধতা ইভেন্টের মতো লিখতে পারেন

$('#myForm').validate(function(){
    alert("Hello World!!");
});

Answer 9

আমার জন্য কাজ কর

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$("#btn").click(function() {
    alert("email")
});

</script>