952 votes

3 answers

javascript - Switching from jquery live to on doesn't work

Get the solution ↓↓↓

Solution:

You're forgetting the closing) on each of these. the.on() functions work fine when the syntax is correct.

example

Existing elements -

$(".antennaCursor").on("click", function() {
   console.log("Hi");
});
Copy code

Event delegation -

$(document).on('click', '.antennaCursor', function() {
    console.log('Hi');
});
Copy code

Many usedocument as the place to catch the bubbled event, but it isn't necessary to go that high up the DOM tree. Ideally you should delegate to the nearest parent that exists at the time of page load.

Undefined asked

2023-09-27

Write your answer

---

749

votes

Answer

Solution:

you'd missed the closing

);
Copy code

works now.

$(".antennaCursor").on("click", function() {
   alert("Hi");
});Copy code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="antennaCursor">Click</div>Copy code

Write your answer

---

899

votes

Answer

Solution:

If the element is dynamically added you will want this syntax to make sure the element triggers the function.

$(document).on('click', 'selector', handler);
Copy code

This is the same as your last suggestion but withon instead oflive. In addition you are missing the final)

So in your case would be:

$(document).on("click", ".atennaCursor", function() {
  alert("Hi");
})
Copy code

Write your answer

---

194

votes

Answer

Solution:

It's just a typo. Other answers are not 100% correct, they don't really work in the same way as "live" This should work as expected, with events now and in the future

$(document).on("click", ".antennaCursor", function() {
   alert("Hi");
});
Copy code

Write your answer

---

Share solution ↓

Additional Information:

Date the issue was resolved:

2023-09-27

Link To Source
Link To Answer People are also looking for solutions of the problem: object of class stdclass could not be converted to string

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Ask a Question

---

Similar questions

Find the answer in similar questions on our website.

727 php - In a Twig template {{0 in ['a', 'b', '99']}} returns 1. WHY?

490 How to check whether $_GET['id'] is set and it's not empty using php

974 jquery - execute php/javascript function after a certain amount of time has passed

52 php - DOMDocument need to search for an element that has attribute class="something"

713 PHP + SQL - Using SQL Server 'Create To' scripts to create tables through PHP

462 php - Using JQuery UI's sortable('serialize') after loading data in via .load();

371 javascript - Can't read big pdf file with XMLHttpRequest

460 php - WooCommerce: Custom function adding free product - Cart page getting broken for orders up to 3000

318 php - Set the content-type with wp_remote_post

933 xml - Translate PHP PUT HTTP request to ColdFusion

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.

About the technologies asked in this question

JavaScript

JavaScript is a multi-paradigm language that supports event-driven, functional, and mandatory (including object-oriented and prototype-based) programming types. Originally JavaScript was only used on the client side. JavaScript is now still used as a server-side programming language. To summarize, we can say that JavaScript is the language of the Internet.
https://www.javascript.com/

JQuery

JQuery is arguably the most popular JavaScript library with so many features for modern development. JQuery is a fast and concise JavaScript library created by John Resig in 2006. It is a cross-platform JavaScript library designed to simplify client-side HTML scripting. Over 19 million websites are currently using jQuery! Companies like WordPress, Facebook, Google, IBM and many more rely on jQuery to provide a kind of web browsing experience.
https://jquery.com/

HTML

HTML (English "hyper text markup language" - hypertext markup language) is a special markup language that is used to create sites on the Internet. Browsers understand html perfectly and can interpret it in an understandable way. In general, any page on the site is html-code, which the browser translates into a user-friendly form. By the way, the code of any page is available to everyone.
https://www.w3.org/html/