How to trigger an click event on click of another click event?

Question

0.00/5 (No votes)

See more:

C#

$(document).ready(function(){
$('#datatable tbody').on('click', 'td:nth-child(1), td:nth-child(5), td:nth-child(8), td:nth-child(11)', function (event) {
                if ($("#ValBool").val() == "false") {
                    Editable();
                }
                else {
                    event.stopImmediatePropagation();
                    alert("Not allowed");
                }
            });

function Editable(){

$('#datatable tbody').on('click', 'td:nth-child(1), td:nth-child(5), td:nth-child(8), td:nth-child(11)', function () {
                        
                        var x = $(".itemEdit").length;
                        var getData = $(this).html();
                        
                        //placing the data in the textbox again
                        if (x == 0) {
                            $(this).empty().html('<input type="text" value="' + getData + '" class="itemEdit" id="dataField"/>');
                            $('.itemEdit').focus();
                        }
});
}
</pre>

I want to trigger the second event on click on first event.

The problem is it is not getting triggered only the first time the page is loading but then it is working fine

The

JavaScript

$("#ValBool").val() == "false"

Is my condition for which i want to trigger the second event or not.

Posted 24-Sep-15 19:02pm

lokopi.nagar

Updated 24-Sep-15 19:03pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Palash Mondal_ · Accepted Answer · 2015-09-24T19:29:00

Your logic is bit wrong here.

Your first click event

JavaScript

$('#datatable tbody').on('click', 'td:nth-child(1), td:nth-child(5), td:nth-child(8), td:nth-child(11)', function (event) {

and the 2nd click event inside the Editable() function

JavaScript

$('#datatable tbody').on('click', 'td:nth-child(1), td:nth-child(5), td:nth-child(8), td:nth-child(11)', function () {

are both same. So, what you can do based on your logic is just remove the 2nd duplicate click event inside the Editable() function like:

JavaScript

$('#datatable tbody').on('click', 'td:nth-child(1), td:nth-child(5), td:nth-child(8), td:nth-child(11)', function (event) {
    if ($("#ValBool").val() == "false") {
        Editable(this);
    } else {
        event.stopImmediatePropagation();
        alert("Not allowed");
    }
});

function Editable(obj) {

    var x = $(".itemEdit").length;
    var getData = $(obj).html();

    //placing the data in the textbox again
    if (x == 0) {
        $(obj).empty().html('<input type="text" value="' + getData + '" class="itemEdit" id="dataField"/>');
        $('.itemEdit').focus();
    }
}

Let me know if you are still facing any issues.