---
title: "Problem med ajax"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192303-problem-med-ajax"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2014-05-12T21:51:08.000Z"
updated: "2014-05-14T10:56:38.000Z"
replies: 14
views: 1240
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/192303-problem-med-ajax"
---

# Problem med ajax

## #1 — Asa, 2014-05-12T21:51Z

XHar följande kod:

```
$(document).ready(function() {
	$('.stcommentdelete').die('click').live("click",function() {
		var ID = $(this).attr("id");
		var dataString = 'com_id='+ ID;
		
		jConfirm('Sure you want to delete this comment??? There is NO undo!', '', 
		function(r) {
			if(r==true){
				$.ajax({
					type: "POST",
					url: "comment_delete_ajax.php",
					data: dataString,
					cache: false,
					beforeSend: function(){
						alert("Före-"+ID);
						$("#stcommentbody"+ID).animate({'backgroundColor':'#fb6c6c'},300);
					},
					success: function(html){
						alert("KLAR-"+ID);
						$("#stcommentbody"+ID).fadeOut(300,function(){$("#stcommentbody"+ID).remove();});
					}
				});
			} 
		});
		return false;
	});
});
```

Klickar jag på knappen som anropar detta så kommer jConfirm upp och jag trycker på OK för att radera. Men verkar bara som att den kör beforeSend då. Klickar jag igen direkt efter på radera igen då kör den beforeSend och success men den kör aldrig dessa två:

```
$("#stcommentbody"+ID).animate({'backgroundColor':'#fb6c6c'},300);
$("#stcommentbody"+ID).fadeOut(300,function({$("#stcommentbody"+ID).remove();});
```

Alertrutorna kommer upp! Någon som ser något fel i denna koden?

Permalänk: https://www.webforum.nu/p/192303

## #2 — voigtann1, 2014-05-13T04:54Z

kolla så att du har det id på elementet, kör du jquery UI för jag har för mig att jquery som bas inte kan animera en bakgrundsfärg.

Permalänk: https://www.webforum.nu/p/2316160

## #3 — Asa, 2014-05-13T10:41Z

Jo det stämmer men det sjuka är att jag har likadan kod på själva huvudinlägget och den funkar på en gång medan denna efter två klick men inlägget försvinner inte.

Permalänk: https://www.webforum.nu/p/2316161

## #4 — voigtann1, 2014-05-13T10:52Z

hur ser din HTML kod ut?

det lilla jag har testat: <http://jsbin.com/teyolifi/1/edit> så ser det ju ut att fungera.

Permalänk: https://www.webforum.nu/p/2316162

## #5 — Asa, 2014-05-13T11:04Z

Jag återkommer med mer kod. Måste kopiera ut det men har inte just nu tid!

Permalänk: https://www.webforum.nu/p/2316163

## #6 — Asa, 2014-05-13T16:09Z

Testkörde på den sidan du hade din kod och samma fel där. Sök efter .stcommentdelete
.stdelete funkar utan problem

```
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<title>NocnaZabava.com</title>
<script type="text/javascript">
function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("class");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}
</script>
<link href='http://www.prolashserum.com/wall_icons/wallfav.ico' rel='icon' type='image/x-icon'/>
<link  href='http://www.prolashserum.com/wall_icons/wallfav.ico' rel='shortcut icon' type='image/x-icon'/>
<link rel="stylesheet"  href="http://www.prolashserum.com/css/tipsy.css" />
<link rel="stylesheet"  href="http://www.prolashserum.com/css/lean-slider.css" />
<link rel="stylesheet"  href="http://www.prolashserum.com/css/slider.css" />

	<link rel="stylesheet"  href="http://www.prolashserum.com/css/wall.css" />

<link rel="stylesheet"  href="http://www.prolashserum.com/css/9lessons.alert.css" />

	<link rel="stylesheet"  href="http://www.prolashserum.com/css/nz.css" />

<link rel="stylesheet"  href="http://www.prolashserum.com/css/buttons.css" />
<link rel="stylesheet"  href="http://www.prolashserum.com/topbar/stickyheader.css" />
<link rel="stylesheet"  href="http://www.prolashserum.com/topbar/ie/ie6.css" />
<link rel="stylesheet" href="http://marcosesperon.es/apps/messi/messi.css" />

<script  src="http://www.prolashserum.com/js/jquery.min.js"></script>
<script  src="http://www.prolashserum.com/js/jquery-ui.min.js"></script>

<script  src="http://www.prolashserum.com/js/jquery.wallform.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.webcam.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.color.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.livequery.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.timeago.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.tipsy.js"></script>
<script  src="http://www.prolashserum.com/js/lean-slider.js"></script>
<script  src="http://www.prolashserum.com/js/9lessons.alert.js"></script>
<script  src="http://www.prolashserum.com/js/jquery.slimscroll.min.js"></script>
<script  src="http://www.prolashserum.com/js/wall.js"></script>
<script  src="http://www.prolashserum.com/js/functions.js"></script>
<script  src="http://www.prolashserum.com/topbar/scripts/jquery.stickyheader.js"></script>
<script  src="http://marcosesperon.es/apps/messi/messi.js"></script>

	<link  href="http://www.prolashserum.com/jRating/jRating.jquery.css" rel="stylesheet" type="text/css" media="screen" />
	<script src="http://www.prolashserum.com/jRating/jRating.jquery.js" type="text/javascript"></script>	

<script type="text/javascript" src="http://www.prolashserum.com/js/cufon-yui.js"></script>
<script type="text/javascript" src="http://www.prolashserum.com/js/TitilliumText14L_300_600.font.js"></script>
<script type="text/javascript" src="http://www.prolashserum.com/js/fontconfig.js"></script>
	
<link rel='stylesheet' id='codenegar-tooltip-style-css'  href='http://codenegar.com/wordpress-content-tooltip-plugin/wp-content/plugins/content-tooltip/css/smallipop.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='codenegar-tooltip-animate-css'  href='http://codenegar.com/wordpress-content-tooltip-plugin/wp-content/plugins/content-tooltip/css/animate.css?ver=3.5.1' type='text/css' media='all' />
</head>
<body>

<style type="text/css">
			}
			body {
			    position: absolute;
			    top: 50px;
			    left: 50px;
			    bottom: 50px;
			    right: 50px;
			    padding: 50px; 
			    overflow-y: scroll;
			    overflow-x: hidden;
			}
			
			/* Let's get this party started */
			::-webkit-scrollbar {
			    width: 10px;
			}
			 
			/* Track */
			::-webkit-scrollbar-track {
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
			    -webkit-border-radius: 2px;
			    border-radius: 2px;
			}
			 
			/* Handle */
			::-webkit-scrollbar-thumb {
			    -webkit-border-radius: 2px;
			    border-radius: 2px;
			    background: #ccc; 
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
			}
			::-webkit-scrollbar-thumb:window-inactive {
				background: rgba(255,0,0,0.4); 
			}
			</style>

<div id="header" class="black">

    <ul id="menu"> 

        <li><a href="http://www.prolashserum.com/index.php"><img class="logo" src="http://www.prolashserum.com/topbar/images/Home-32.png" style="margin-top:3px;" alt="Home" /></a> 
        </li>
 
           <li class="search"> 
            <form action="send"> 
                <input type="text" id="text_search" style="width:170px;max-width:170px;height:15px;max-height:15px;" placeholder="Search something..."/>
                <input id="submit_search" type="submit" value="" />
            </form> 
        </li>

        <li class="left separator"></li>                 
        <li><a class="drop" href="#">Events</a></li>
        <li class="left separator"></li>
        <li><a class="drop" href="http://www.prolashserum.com/asa_80/photos">Fotoalbum</a></li>
        <li class="left separator"></li>
        <li><a class="drop" href="http://www.prolashserum.com/asa_80/blog">Blog</a></li>
        <li class="left separator"></li>
        <li><a class="drop" href="#">News feed</a></li>
        
<div style="float:right;margin-right:50px;">
        <span>
            <ultop id="navtop">
                <litop><a href="javascript:void(0)"><img src='http://www.prolashserum.com/user_profile_uploads/139780299917.jpg' class="smallprofilecmenutop" id="expandmenu" original-title="Click to expand menu"/></a>
                    <div class="substop">
                        <div>
                            <ultop>
                                <litop><h3>Asa Gruvsjo</h3>
                                    <ultop>
                                        <litop><a href="http://www.prolashserum.com/asa_80"><span class="icon-user"></span> Profile</a></litop>
                                        <litop><a href="http://www.prolashserum.com/asa_80/visitors"><span class="icon-plus-sign"></span> Visitors</a></litop>
                                        <litop><a href="http://www.prolashserum.com/asa_80/friends"><span class="icon-globe"></span> Followers</a></litop>
                                        <litop><a href="http://www.prolashserum.com/asa_80/friends"><span class="icon-heart"></span> Friends</a></litop>
                                        <litop><a href="http://www.prolashserum.com/asa_80/blog"><span class="icon-heart"></span> Blog</a></litop>
                                        <litop><a href="http://www.prolashserum.com/asa_80/photos"><span class="icon-heart"></span> Photos</a></litop>
                                    </ultop>
                                </litop>
                                <litop><h3>Entertainment</h3>
                                    <ultop>
                                        <litop><a href="#">Link 6</a></litop>
                                        <litop><a href="#">Link 7</a></litop>
                                        <litop><a href="#">Link 8</a></litop>
                                    </ultop>
                                </litop>
                                <litop><h3>Settings</h3>
                                    <ultop>
                                        <litop><a href="http://www.prolashserum.com/settings.php"><span class="icon-edit"></span> Settings</a></litop>
                                        <litop><a href="http://www.prolashserum.com/logout.php"><span class="icon-off"></span> Logout</a></litop>
                                    </ultop>
                                </litop>
                            </ultop>
                        </div>
                    </div>
                </litop>
                </litop>
            </ultop>
        </span><li class="right separator"></li>
</div>
    

<li class="right separator"></li>  

 <li class="left separator"></li>

<span class="codenegar-ctt-element " id="cn-cct-99" data-ctt-id="99" data-funcease="easeInOutQuad" data-theme="white" data-animation-speed="200" data-remove-delay="2000" data-preferredposition="bottom" data-enable-css-animations="" data-show-css-animation="tada" data-hide-css-animation="hinge" data-source="oembed" data-min-height="300" data-min-width="300" data-max-width="300" data-popup-y-offset="0" data-popup-offset="31" data-hide-on-popup-click="" data-hide-on-trigger-click="" data-hide-trigger="" data-trigger-on-click="" data-invert-animation="" data-popup-distance="20" data-display-inline=""><a href="?php echo $base_url.'messages.php'; ?"><img src="http://www.prolashserum.com/topbar/images/messages.png" style="margin-top:3;margin-left:0px;" width="30" height="30" /></a></span><div class="smallipopHint" style="display:none;"> <span id="data-cn-cct-99" class="data-cn-cct"><iframe src="http://www.prolashserum.com/popfeed.php" name="popfeed" width="290" marginwidth="2" height="350" marginheight="2" scrolling="auto" frameborder="0"></iframe><a href="show_all_feeds.php">Visa alla</a></span></div><li class="right icon"></li>

        <a class="" href="http://www.prolashserum.com/asa_80/friends"><img src="http://www.prolashserum.com/topbar/images/friends.png" style="margin-top:3px;margin-left:3px;" width="27" height="27" /></a>
        <a class="" href="http://www.prolashserum.com/asa_80/visitors"><img src="http://www.prolashserum.com/topbar/images/visitors.png" style="margin-top:3px;margin-left:3px;" width="27" height="27" /></a>
        <a class="" href="#"><img src="http://www.prolashserum.com/topbar/images/news.png" style="margin-top:3px;margin-left:3px;" width="27" height="27" /></a>
    
    </ul>
        
</div>

<div id='main'>
		<br><br>

<span style='float:right;margin-top:-60px;'>
		
	</span>
	
	<div id='main_left'>
		<form action="upload.php" method="post" enctype="multipart/form-data">
	<div class="onmouseoverpicturecube">

<div class="profilecircle" style="background-image: url('http://www.prolashserum.com/user_profile_uploads/139780299917.jpg')"></div>
		<p class="onmouseoverpicture">
			<label class="filebutton small_text_upper">
			<img src="http://www.prolashserum.com/images/camera.png" id='uploadprofilepicture' style="height:40px;width:40px;" title='Upload new picture'/>
			<span><input type="file" id="myfile" name="myfile" onchange="javascript:this.form.submit();" onclick="$('#loading2').show();"></span>
			</label>
		</p>
	</div>
	<div style="clear:both;"></div>
</form>

<div style="position:absolute;float:left;margin-top:0px;margin-left:5px;">
	<div id="loading2" style="display:none;"><img src="http://www.prolashserum.com/images/loading.gif" alt="" />Loading...</div>
</div>

<div id='count_block'>
	<div class='count_inner'>
		<a href='http://www.prolashserum.com/asa_80'><b id='update_count'>1</b><br/><span class='small_text_upper'>Updates</span></a>
	</div>
	<div class='count_inner count_inner_margin'>
		<a href='http://www.prolashserum.com/asa_80/friends'><b>1</b><br/><span class='small_text_upper'>Friends</span></a>
	</div>
</div><div id="searchbox">
<div class="small_title">Search Friend</div>
<input type="text" class="uiinput" id="searchinput" placeholder="Enter a name..." />
<div id="display" ></div>
</div>
<div class="small_title">Friends</div>
<span class="codenegar-ctt-element" id="cn-cct-106" data-ctt-id="106" data-funcease="easeInOutQuad" data-theme="white" data-animation-speed="200" data-remove-delay="2000" data-preferredposition="top" data-enable-css-animations="" data-show-css-animation="fadeIn" data-hide-css-animation="fadeOut" data-source="html" data-min-width="300" data-max-width="300" data-popup-y-offset="0" data-popup-offset="31" data-hide-on-popup-click="" data-hide-on-trigger-click="0" data-hide-trigger="" data-trigger-on-click="" data-invert-animation="" data-popup-distance="45" data-display-inline="0"><a href="http://www.prolashserum.com/srinivas"><img src="http://www.prolashserum.com/user_profile_uploads/13983333301.jpg" class="smallprofilecirclefriendwidget"></a></span><div class="smallipopHint" style="display:none;"> <span id="data-cn-cct-106" class="data-cn-cct">
<a href="http://www.prolashserum.com/srinivas" ><img src="http://www.prolashserum.com/user_profile_uploads/13983333301.jpg" class="smallprofilecirclefriendwidgetpopup" style="float:left;margin:0px 0px 10px 0px;" original-title="Milan Andjelkovic"></a><input type="button" class="friendaddsmall" value=" Add as friend "></span></div>	</div>
</div>
<div id="main_right">
	<div id="wall_container">
	<h3 style='margin-top:-10px;'>News Feed</h3><div id="updateboxarea">
	<b>What's up Asa Gruvsjo?</b>
	<textarea name="update" id="update"  style="width:97%;" placeholder="Enter a update..."></textarea>
	<br />
	<div id="webcam_container" class='border'>
		<div id="webcam" ></div>
		<div id="webcam_preview"></div>
		<div id='webcam_status'></div>
		<div id='webcam_takesnap'>
			<input type="button" value=" Take Snap " onclick="return takeSnap();" class="camclick  wallupdate"/>
			<input type="hidden" id="webcam_count" />
		</div>
	</div>
	
	<div  id="imageupload" class="border">
		<form id="imageform" method="post" enctype="multipart/form-data" action='message_image_ajax.php'> 
			<div id='preview'></div>
			<div id='imageloadstatus'>
				<img src='http://www.prolashserum.com/wall_icons/ajaxloader.gif'/> Uploading please wait ....
			</div>
			<div id='imageloadbutton'>
				<span id='addphoto'>Add Photo:</span> <input type="file" name="photoimg" id="photoimg" />
			</div>
			<input type='hidden' id='uploadvalues' />
		</form>
	</div>
	<div style="width:100%;clear:both">
		<span style="float:right">
			<a href="javascript:void(0);" id="camera" title="Upload Image"><img src="wall_icons/cameraa.png" border="0" /></a> 
			<a href="javascript:void(0);" id="webcam_button" title="Webcam Snap"><img src="wall_icons/web-cam.png"  border="0"  style='margin-top:5px'/></a>
		</span>
		<input type="submit"  value=" Update " style="width:90px;" id="update_button"  class="update_button btn btn-success"/> 
	</div>
	
</div>
	
<div id='flashmessage'>
	<div id="flash" align="left"  ></div>
</div>	
	<div id="content">
		<div class='stbody' id='stbody66'><div class='stimg' style=''><a href='asa_80'><img src='user_profile_uploads/139780299917.jpg' class='big_face' alt='Asa Gruvsjo' style='' original-title='Asa Gruvsjo'/></a></div><div class='sttext'><div class='sttext_content'><a class='stdelete' href='#' id='66' rel='66' title='Delete Update'></a>MSG: <b><a href='asa_80'>Asa Gruvsjo </a></b>  hdd<div id='stexpandbox'><div id='stexpand66'></div></div><div class='sttime'><a href='/66' class='timeago' title='2014-05-13T10:27:21+00:00'></a></div></div><div class='sttext_content2'><div class='st_like_share'><a href='' id='66' class='like_buttonX'><img src='/vote_up.png'/></a> &nbsp; <span class='like_showX66'></span></div> <div class='commentcontainer' id='commentload66'>	<div id="ajax-status" style="float: right ; width: 45% ;">
		
	</div>
<div class="stcommentbody" id="stcommentbody89">
	<div class="stcommentimg">
		<a href='Asa_80'><img src="user_profile_uploads/139780299917.jpg" class='smallprofilecircle' alt='Asa Gruvsjo' original-title='Asa Gruvsjo'/></a>
	</div> 
	<div class="stcommenttext">
					<a class="stcommentdelete" href="#" id='89' title='Delete Comment'></a>
				<b><a href="Asa_80">Asa Gruvsjo</a></b>  sdf		<div style='font-size:11px !important'>	
			<span class="stcommenttime" title="2014-05-13T10:46:35+00:00"></span> - 
			<a href="#" id="clike89" class="commentlike" title="Like" rel="Like">Like</a>			<span style="display:none" id='count_container89'>
				- <span class='comment_count89'>0</span> 
			</span>
		</div>
	</div>
</div>	<div id="ajax-status" style="float: right ; width: 45% ;">
		
	</div>
<div class="stcommentbody" id="stcommentbody88">
	<div class="stcommentimg">
		<a href='Asa_80'><img src="user_profile_uploads/139780299917.jpg" class='smallprofilecircle' alt='Asa Gruvsjo' original-title='Asa Gruvsjo'/></a>
	</div> 
	<div class="stcommenttext">
					<a class="stcommentdelete" href="#" id='88' title='Delete Comment'></a>
				<b><a href="Asa_80">Asa Gruvsjo</a></b>  sfdg		<div style='font-size:11px !important'>	
			<span class="stcommenttime" title="2014-05-13T10:39:45+00:00"></span> - 
			<a href="#" id="clike88" class="commentlike" title="Like" rel="Like">Like</a>			<span style="display:none" id='count_container88'>
				- <span class='comment_count88'>0</span> 
			</span>
		</div>
	</div>
</div><div class='newboxes' id='newboxes66' style='display: none'></div></div><div class='commentupdate' id='commentbox66'><div class='stcommentimg'><img src='user_profile_uploads/139780299917.jpg' class='small_face'/></div> <div class='stcommenttext' ><form method='post' action='' style='padding:0px;margin:0px'><textarea name='comment' class='comment'  placeholder='Enter a comment...' maxlength='10000' style='width:350px' id='ctextarea66'></textarea> <input type='submit' value=' Save ' id='66' rel='66' class='comment_button wallbutton'/></form></div></div></div></div></div>	</div>
</div></div>
<div id='footer'>
	<script type="text/javascript">
	jQuery(window).load(function() {
	
	    $("#navtop > litop > a").click(function (e) { // binding onclick
	        if ($(this).parent().hasClass('selected')) {
	            $("#navtop .selected div div").slideUp(100); // hiding popups
	            $("#navtop .selected").removeClass("selected");
	        } else {
	            $("#navtop .selected div div").slideUp(100); // hiding popups
	            $("#navtop .selected").removeClass("selected");
	
	            if ($(this).next(".substop").length) {
	                $(this).parent().addClass("selected"); // display popup
	                $(this).next(".substop").children().slideDown(100);
	            }
	        }
	        e.stopPropagation();
	    }); 
	
	    $("body").click(function () { // binding onclick to body
	        $("#navtop .selected div div").slideUp(100); // hiding popups
	        $("#navtop .selected").removeClass("selected");
	    }); 
	
	});
	</script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
	jQuery.noConflict ();
	    (function($) {
	      $(document).ready(function() {
	      $('#forgotpwpopup').on('click', function() {
	          Messi.load('forgot_password.php');
	        });
	      });
	      $(document).ready(function() {
	      $('#msgg').load('click', function() {
	       Messi.alert('An email has been sent to you!');
	        });
	       });
	
	    })(jQuery);
	</script>
	
	<script type='text/javascript' src='http://codenegar.com/wordpress-content-tooltip-plugin/wp-content/plugins/content-tooltip/js/smallipop.js?ver=3.5.1'></script>
	<script type='text/javascript' src='http://codenegar.com/wordpress-content-tooltip-plugin/wp-content/plugins/content-tooltip/js/script.js?ver=3.5.1'></script>
		<style>
			
			.back-to-top {
				position: fixed;
				bottom: 2em;
				right: 0px;
				text-decoration: none;
				color: #000000;
				background-color: rgba(235, 235, 235, 0.80);
				font-size: 12px;
				padding: 1em;
				display: none;
			}
	
			.back-to-top:hover {	
				background-color: rgba(135, 135, 135, 0.50);
			}	
		</style>
	
	        <script>            
				jQuery(document).ready(function() {
					var offset = 220;
					var duration = 500;
					jQuery(window).scroll(function() {
						if (jQuery(this).scrollTop() > offset) {
							jQuery('#back-to-top').fadeIn(duration);
						} else {
							jQuery('#back-to-top').fadeOut(duration);
						}
					});
					
					jQuery('#back-to-top').click(function(event) {
						event.preventDefault();
						jQuery('html, body').animate({scrollTop: 0}, duration);
						return false;
					})
				});
			</script>
	
	<a href="#" class="back-to-top">Back to Top</a>
</div>

</div>

</body>
</html>
```

js:
Finns här:
<http://www.prolashserum.com/js/wall.js>

Permalänk: https://www.webforum.nu/p/2316168

## #7 — voigtann1, 2014-05-14T06:45Z

om du kolla i konsollen och kanske köra en console.log på din jquery kollektion $("#stcommentbody"+ID)?

Permalänk: https://www.webforum.nu/p/2316174

## #8 — Asa, 2014-05-14T09:31Z

Hm, vad är nu detta console.log ? Inget jag använt förut.

Permalänk: https://www.webforum.nu/p/2316176

## #9 — voigtann1, 2014-05-14T10:15Z

Använd du inte firebug/console i firefox? eller dev tools i chrome så kan du aktivera loggen där och använda dig av <https://getfirebug.com/wiki/index.php/Console_API> hur har du kontrollerat att jquery har hittat dina CSS selectors tidigare?

Permalänk: https://www.webforum.nu/p/2316177

## #10 — Asa, 2014-05-14T10:18Z

Jag har inte använt det. Hehe! Har testat mig fram hela tiden tills det har funkar och om det ej funkat har jag skitit i det och inte haft jquery/ajax.

```
Uncaught TypeError: Cannot read property '0' of undefined 
jquery.color.js:18
jQuery.fx.step.(anonymous function) jquery.color.js:18
f.fx.update jquery.min.js:18
f.fx.step jquery.min.js:18
h jquery.min.js:18
f.fx.custom jquery.min.js:18
(anonymous function) jquery.min.js:18
f.extend.dequeue jquery.min.js:16
(anonymous function) jquery.min.js:16
e.extend.each jquery.min.js:16
e.fn.e.each jquery.min.js:16
f.fn.extend.queue jquery.min.js:16
f.fn.extend.animate jquery.min.js:18
$.ajax.beforeSend wall.js:356
f.extend.ajax jquery.min.js:18
(anonymous function) wall.js:349
(anonymous function) 9lessons.alert.js:39
(anonymous function) 9lessons.alert.js:105
f.event.handle jquery.min.js:17
i.handle.k
```

wall.js 356 : 
$("#stcommentbody"+ID).animate({'backgroundColor':'#fb6c6c'},300);

wall.js 349: 
$.ajax({

Permalänk: https://www.webforum.nu/p/2316178

## #11 — voigtann1, 2014-05-14T10:45Z

vilken version av color kör du och av jquery?

Permalänk: https://www.webforum.nu/p/2316179

## #12 — Asa, 2014-05-14T10:49Z

/\*!
 \* jQuery JavaScript Library v1.6.1
 \* <http://jquery.com/>
 \*
 \* Copyright 2011, John Resig
 \* Dual licensed under the MIT or GPL Version 2 licenses.
 \* <http://jquery.org/license>
 \*
 \* Includes Sizzle.js
 \* <http://sizzlejs.com/>
 \* Copyright 2011, The Dojo Foundation
 \* Released under the MIT, BSD, and GPL Licenses.
 \*
 \* Date: Thu May 12 15:04:36 2011 -0400
 \*/

/\*
 \* jQuery Color Animations
 \* Copyright 2007 John Resig
 \* Released under the MIT and GPL licenses.
 \*/

Permalänk: https://www.webforum.nu/p/2316180

## #13 — voigtann1, 2014-05-14T10:54Z

prova att uppdatera jquery color.

Permalänk: https://www.webforum.nu/p/2316181

## #14 — Asa, 2014-05-14T10:55Z

Okej, skall testa

Permalänk: https://www.webforum.nu/p/2316182

## #15 — Asa, 2014-05-14T10:56Z

Ändrade till denna och då funkade det :)

\<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-color/2.1.2/jquery.color.min.js"\>\</script\>

Permalänk: https://www.webforum.nu/p/2316183

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192303-problem-med-ajax
