It is possible to remove a function from the memory? I have a custom function that I call usingmodul.StepGuide.init() - but how do I remove that function with all its vars and events, from the memory.
View 1 RepliesI have a really long application so i'm trying to minimiza cpu/memory usage,with each function, therefore I have a few simple questions.
1. on elements added after the page has been loaded,is there a difference between putting "onclick" inside the element tag or using jquery's delegate like the following example?
$("#mainchatwindow").delegate('img[func="gift"]','click' function....
2. does it make a big difference selecting an element with a full path like (#body #contentdiv #userstbl td.example)or just typing (.example) ?
3. I have 2 arrays of objects, both objects has an id attribute, one of then objects are the images on the page, the second one is an ajax result with updated images.will it be better to first loop threw both objects just to create new arrays with just the id's instead of looping the threw those big objects? like this:
Code:
if (data.online)
var online_length = data.online.length;
else[code]..........
First the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function TextScroll(scrollname, div_name, up_name, down_name, top_name){
[Code]...
When I use mouse wheel in Firefox to scroll contents of the DIV, memory usage in Firefox goes through the roof. Code above is a fully working page, if anyone would like to see what's up, just load it up, and start moving your mouse wheel in the area with text. You don't actually have to scroll the text, just moving the wheel back and forth in that DIV will do. Memory usage will start going up quite fast, and after you stop moving the wheel, it will finally come down a bit after a short while. I've highlighted in red the line where mousewheel event is registered for Firefox. I'm not sure if it's really a problem, but since Opera and IE don't have any strange memory usage, and Firefox does, maybe I did something wrong. In everyday use it shouldn't matter [don't expect to have kilometers of content to scroll], but anyway, it is a bit unsettling.
Below is my code which I am using to remove a div tag. I also want the script to add the same div tag later once certain conditions are meet. The div has some preloaded content too which I don't want to loose. I tried the add() function but it did not work for me. I even don't think append will work as I want to original div to reappear.
$('#wrapper1').remove();
how i can use a callback function with remove() of jquery api
View 1 Replies View Relatedjust one question.I want to remove the div within ready function. I'm using $("noJS").remove(); script, but it only hides the div (when I check the site's code, that div is still there).
View 3 Replies View Relatedhow can I unbind or remove a function with jquery?
for instance, this is my html,
Code:
<li><img src="..." alt="1"></li>
<li><img src="..." alt="2"></li>
<li><img src="..." alt="3"></li>
[Code]....
my script that works in firefox/opera like a charm, but doesn't so in IE8.
Here we go:
$(document).ready(function(){
$(".folder").live('click',function(){
var id = $(this).attr("id");
if($('#' + id).hasClass('folderClosed')){
[Code].....
The basic idea is to show a "virtual" directorie from a mysql database over json. The first part works also quit well, only the .remove() function doesn't work right, which means the sub <ul> elements remaining on the page.
I am having difficulties to deal with a simple remove function.
I have an item list with "listitem" css class. I placed a button on each item to delete it. I am now trying to use the remove function to erase it from the page. I thought $(this).remove(); will work but it doesn't. I also tried something like this: $(this).parent('.listitem').remove(); but it didn't work.
When I write $('.listitem').remove(); it erased all the items of the list. I m just trying to be able to erase just the one clicked.
I'm working on dynamic list with jQuery. I've appended hundreds of <li> elements with for loop to make very long list. When user scroll down again, remove older ones and append new ones at last of the list. I used$('li:lt(50)').remove() to remove first 5 elements from the list. At first, it works. But, for the second time, it always delete half of '50'. When I enter 100, only 50 elements deleted. How can it be? Could you check the ':lt(n)' selector and remove function? My HTML is very simple. only <UL> <LI> tags in the body. Tested on latest Chrome(ver.13.0.782), jQuery 1.6.2.
View 1 Replies View Relatedi wish to remove a table row on click i do know that it can be done using the following code
$
(
'#myTable tr'
).
click
[Code]...
what if i also wanted to pass a certain value as a parameter to this function. basically what i wanna do is, i have a 'x' on each row so when a user clicks it i want the row to delete and at the same time wish to use ajax and delete thatrow from the database as well.
This time I have a trouble with remove(). Here is my code :
$.each(val.produitsIds,
function (j, val2) {
if($('#chk_' + i).prop("checked")){
//$('#' + val2).prepend("<div>liste des tailles</div>");
$('#' + val2).prepend("<div>" + $('#chk_' + i).attr("value") + "</div>");
}
[Code]...
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn.
This is the js code:
$(".del").click(function() {
$('div.floating-box').remove();
});
[Code].....
Below is my code which refreshes every 10 seconds
[Code]...
What happens there is a memory leak of the divs with idsliveAuthen-target-1000 andliveAuthen-content-1000
I have started using jQuery recently and I am having a problem with IE leaking memory when performing a $.getJSON() request at intervals. To test the problem I set up the code to run every second. The only code I currently have running is the ajax request as below:
getDetail = function(detailID){
$.ajaxSetup({ cache: false });
$.getJSON("api/urlgoeshere", {"dID" : detailID,"d" : 0},
[Code].....
If I leave the above running the Memory Usage climbs by about 5mb a minute in IE but is ok in Firefox. I am using jquery-1.4.2. Has anyone come across this before?
I have a table, 10 cols, 200 rows. Using tablesorter causes a memory leak on every page refresh of almost 2mB. A smaller table causes a proportionately smaller memory leak. Is there way to clear this memory? I've tried setting inner html of the table to '', but it makes no difference. Is there even a universal method i can call to remove any trace of any jquery plugin I have on the page?
View 3 Replies View RelatedAttached is a sample html file (named jqmleak.html - rename it to remove the txt extension and drop it into your web server to test for yourself) that I've put together to demonstrate a memory leak with the $.ajax function in jQuery 1.6.1 when run in Firefox 4.0.1. The file loads jQuery 1.6.1 from the Google API CDN. Next, a simple function is defined that runs $.ajax to request the html file itself. This function is then set to run once every second using setInterval.
In Firefox 4.0.1, on both Win XP and Linux (ubuntu 10.10, 64-bit), I can watch the amount of memory consumed by Firefox gradually rise. It takes a few minutes for the problem to be observed, because initially the memory will decrease with no other activity in the browser. Then after about 5 minutes or so, I can watch the memory used by Firefox slowly but steadily increase. I can use the handy 'about:memory' tool in Chrome to monitor this alongside other browsers. Chrome, Opera, and IE do not exhibit the same problem with this test. Their memory usage will vary within a range of about 2 or 3 mb, but over a long period of time they do not increase their total amount of memory used. This problem is only happening in Firefox 4.0.1 as far as I can tell (I also used safe mode in Firefox to make sure no plugins were interfering with the test). I have tried both GET and POST methods with the $.ajax call, and with the cache setting both enabled and disabled. The result is the same.
Is this a jQuery problem, or maybe instead a bug with Firefox? I see similar bugs reporting memory leaks in other situations, but usually specific to IE. I was about to report a bug for this, but I thought I'd check here first to see if anyone can duplicate this problem, and/or point out what I should do to prevent the memory leak in Firefox.
I have a jquery based system with ajax calls instead of page refreshes. Every time I return some ajax content, it replaces the content on the main div.
function execcmdcallback(data, textStatus, XMLHttpRequest)
{
$("#divmain").html(data);
data = null;
}
Each time this executes, the browser memory increases by about 600-900kb. Can anyone suggest a way of doing this where the old memory is freed so there is no significant increase in browser memory on each ajax call ?
I've studied this a bit, [URL]..., but I have to admit I don't quite understand it I see the same issue on IE8, FF and Chrome. FF comsumes less memory per ajax call and frees some memory seconds later, but still the total working set is increasing on each call by 300k in FF and 600 to 900 in chrome and IE
I found this Javascript - it can make a slideshow with transitions, but it starts over from the beginning when it reaches the end. Is it possible to re-code the script, so it won't repeat but just stay at the last picture at the end?
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
[code]....
I'm currently trying to code a jQuery base memory game for school. I however got one problem right now. The cards are supposed to change picture on mouseover and change back on mouse leave. However, if you click on a picture, that card isn't supposed to turn back right away. I thought I could fix this with classes, but it doesn't work. Here's a part of the code:
$(document).ready(function() {
$("img.spelkort").mouseover(function() {
$(this).attr("src","spelkort/kortbaksidahover.jpg");
$(this).addClass("hover");
});
$("img.spelkort.hover").mouseleave(function() {
$(this).attr("src","spelkort/kortbaksida.jpg");
$(this).removeClass(".hover");
});
$("img.spelkort").click(function() {
$(this).attr("src","spelkort/kort1.jpg");
$(this).removeClass(".hover");
});});
Im in need of a function that can first change all <br> tags to simple line breaks (also probably the same for <p> tags). Then I need it to strip out all HTML tags. Then I also need it to replace " " with simple spaces.Ive been looking around and have somethings working. Ie, I can get rid of all the HTML tags. But not sure how to replace the indivdual <br>'s and 's.
View 1 Replies View Relatedi need to write a function to remove consecutive slashses from a string
[Code]....
I have a code for the keydown event:
-when you press the UpArrow key the image moves up
-when you press the DownArrow key the image moves down.....and so on
But don't forget that this is under the keydown event...so when I keep pressing the UpArrow key the image moves up but when I release the key the image still moves up. I already put the code $('myImage').stop(); on my image on keyup event but this doesn't do anything. There is a code to clear my memory from pressed keys or something?
I've written the following small feature test.
[Code].....
I want to remove 'div' before returning the function. Testing in IE something like div.parentNode.removeChild(div); will fail. If I look in the dom 'div's parentNode is null, so that explains that. It needs to be appended to something first I guess.
Working on creating my own plugin and realized that I would very likely end up doing this again in the future. Unfortunately, I have an extremely short memory when writing code. I frequently have to re-read the code I've created the day prior so I can get back on track with what I was doing. As such, I'm a fervent commenter in my code.
So, I'm creating a jQuery plugin framework with comments for everything that's going on in the framework to prevent my brain from having to re-learn everything in a month or so when I do another one.
Plugin-savvy folks to take a look at this code and help me fill in the blanks and make corrections to those places where I'm way off base. As you'll likely notice rather quickly, this is taken from the jQuery plugin tooltip construct found here: [url]
I'm currently reading jQuery - Novice to Ninja (fantastic book), and trying to understand how I can add several words to the code snippet below. I currently remove, let's say Sweden as below, but what if I also want to remove Norway?And another question, what if I would like to keep only Sweden and remove the rest from a list of twenty countries? How would I do that?
Code JavaScript:
jQuery(document).ready(function() {
jQuery('#countries tbody').remove(':contains("Sweden")');
[code]....