Here is the code snippet I've been working on:
$("span.cls").on("click", function(){
$("#dialog").html("");
});span{
border: 1px solid;
cursor: pointer;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<span class="cls">Click here to remove content below</span>
<div id="dialog"><p>Something here</p></div>Is there a way to modify this code and still have it work with the current version of jQuery?
The jQuery .on() function was introduced in jQuery version 1.7.
Instead of using the .click() function, which was added in jQuery version 1.0, consider utilizing it. Do note that prior to version 1.4.3, eventData cannot be specified with this function.
For events other than click, there are equivalent functions available from version 1.0 onwards:
$("span.cls").click(function(){
$("#dialog").html("");
});span{
border: 1px solid;
cursor: pointer;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<span class="cls">remove content below</span>
<div id="dialog"><p>something</p></div>You also have the option to utilize the .live() generic event binder, where you specify the event type as a string similar to the .on() function. While the .live() function has been deprecated in favor of .on() in jQuery version 1.7, for older versions like the one you are using, it is still suitable.
$("span.cls").live("click", function(){
$("#dialog").html("");
});span{
border: 1px solid;
cursor: pointer;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>
<span class="cls">remove content below</span>
<div id="dialog"><p>something</p></div>$ works perfectly fine.
According to the error, the issue lies with the .on method not being available in that version.
Instead, use click directly
$("span.cls").click(function(){
$("#dialog").html("");
});
or even better (this should be a priority) upgrade your version (since 1.4.2 was released in Feb 2010).
I'm currently working on adapting an Angular JS example to be functional as a standalone file in a local folder on an offline device. The original example can be viewed here: After successfully local-linking the necessary libraries and properly refer ...
I am new to JSON and I am experimenting with the open table of World Cup stats mentioned on this page (http://yhoo.it/ydnworldcup2010). The code below (from a demo I came across, just with some changes to YQL call for getJSON and div names) is returning a ...
Within my codebase, I have a private package that exports a class called Table. Another package in use also utilizes this class, as does my web application. One of the test cases inside the second package looks like this: if (!(table instanceof Table)) { ...
Is there a way to sort an array of objects based on specific rules? Unlike objects, arrays have fixed item order, so how can I rearrange them according to certain criteria? [{name: 'james', name: 'alice', name: 'sam'}] If I w ...
Trying to input values into the database using AJAX. The rows are generated in a loop from the database, with each row containing a button column. Clicking on the button submits the values to the database successfully. The issue is that it only inserts va ...
In my cshtml Details View, I have the following code. I am trying to send the VM back to this controller method. Even though I can set a breakpoint in the controller, the model is showing as null. Below is the client-side code: function downLoadFile() { ...
I've been trying to troubleshoot the Owl Carousel but I'm hitting a roadblock. There seems to be some JQuery errors popping up and I was hoping someone with more experience in JQuery could provide some insight. Here's the link to the proble ...
Is there anyone who can assist me with achieving smooth camera movement (forward/backward) using the mouse wheel? The current code I have is not providing the desired smoothness. document.addEventListener( 'mousewheel', onDocumentMouseWheel, fal ...
My design includes a series of links styled as larger boxes, with varying content and height. Using flexbox to ensure equal heights on each row is straightforward. I'm utilizing the Bootstrap grid layout, but when the boxes stack vertically (one per r ...
I'm having trouble with my HTML template that incorporates Google Material Design Lite. The header is working fine, but anything I add below it just moves to the top. Can someone take a look at the code and offer some assistance? .demo-layout-trans ...
I want to include an "ADD COMMENT" button on my page. When clicked, a form will be displayed for users to add comments. I would like the form to automatically scroll to the top position of the page so that users do not have to manually scroll down to vie ...
Incorporating Vue.js into my project has been a game-changer. One interesting aspect is the event listener's third option, known as capture. For instance: element.addEventListener("click", function(){}, true); I'm curious if it's ...
Looking to implement an AngularJS form directive where, if on /home page, redirect to /search/term and if already on /search page, submit without refreshing the page by simply changing the location. I am able to do both separately, but struggling to writ ...
Having trouble aligning the checkbox label with the edge of the text area in my login form code. It always ends up on the right side, outside of the div container when inspected. I've attempted setting a left value for the label, but it causes issues ...
Currently, I am working on a CSS/JS project that is unfamiliar to me and does not have any documentation available. I am attempting to justify images within a DIV, similar to the example shown here: https://jsfiddle.net/4jwfhk6c/ Despite replicating the ...
Is there a way to compile Component.vue files into JavaScript files for use with the Vue CDN in HTML? For example, consider the following component Component.vue: <template> <div class="demo">{{ msg }}</div> </template& ...
There are three individuals each working on separate sections of a webpage. One is focusing on moving images, another is devoted to the tab section. This begs the question: 1) Is it feasible to embed all these HTML sections into a single HTML page and dis ...
<textarea rows="18" cols="80" style="resize:none;"> <?php $str = str_replace('<br>', '\n', 'some text<br><br>another line of text'); echo($str); ?> </textarea> Below is the des ...
Something is not right here: let organization = organizationList2[context.params?.organizationId]; Failed to compile. ./pages/[lang]/designer/[organizationId].tsx:337:40 Type error: Type 'string[]' cannot be used as an index type. 335 | }) ...
After successfully retrieving JSON data from a database using PHP through json_encode() and jQuery parsing, I'm curious if there is a similar method for accomplishing this dynamically in ASP.Net Web Forms. Specifically, without the need to pre-determi ...