Problem med ajax

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Asa
    Medlem
    • 2001-12-18
    • 1934

    #1

    Problem med ajax

    XHar följande kod:

    Code:
    $(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å:

    Code:
    $("#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?
    Jag bara ÄR ...... hur ska man annars vara?!?
  • voigtann1
    Forumvärd
    • 2001-06-14
    • 8810

    #2
    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.
    "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

    Comment

    • Asa
      Medlem
      • 2001-12-18
      • 1934

      #3
      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.
      Jag bara ÄR ...... hur ska man annars vara?!?

      Comment

      • voigtann1
        Forumvärd
        • 2001-06-14
        • 8810

        #4
        hur ser din HTML kod ut?

        det lilla jag har testat: http://jsbin.com/teyolifi/1/edit så ser det ju ut att fungera.
        "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

        Comment

        • Asa
          Medlem
          • 2001-12-18
          • 1934

          #5
          Jag återkommer med mer kod. Måste kopiera ut det men har inte just nu tid!
          Jag bara ÄR ...... hur ska man annars vara?!?

          Comment

          • Asa
            Medlem
            • 2001-12-18
            • 1934

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

            Code:
            <!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:
            Jag bara ÄR ...... hur ska man annars vara?!?

            Comment

            • voigtann1
              Forumvärd
              • 2001-06-14
              • 8810

              #7
              om du kolla i konsollen och kanske köra en console.log på din jquery kollektion $("#stcommentbody"+ID)?
              "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

              Comment

              • Asa
                Medlem
                • 2001-12-18
                • 1934

                #8
                Hm, vad är nu detta console.log ? Inget jag använt förut.
                Jag bara ÄR ...... hur ska man annars vara?!?

                Comment

                • voigtann1
                  Forumvärd
                  • 2001-06-14
                  • 8810

                  #9
                  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?
                  "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

                  Comment

                  • Asa
                    Medlem
                    • 2001-12-18
                    • 1934

                    #10
                    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.

                    Code:
                    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:
                    $.aja{
                    Last edited by Asa; 2014-05-14, 11:31.
                    Jag bara ÄR ...... hur ska man annars vara?!?

                    Comment

                    • voigtann1
                      Forumvärd
                      • 2001-06-14
                      • 8810

                      #11
                      vilken version av color kör du och av jquery?
                      "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

                      Comment

                      • Asa
                        Medlem
                        • 2001-12-18
                        • 1934

                        #12
                        /*!
                        * 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.
                        */
                        Jag bara ÄR ...... hur ska man annars vara?!?

                        Comment

                        • voigtann1
                          Forumvärd
                          • 2001-06-14
                          • 8810

                          #13
                          prova att uppdatera jquery color.
                          "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

                          Comment

                          • Asa
                            Medlem
                            • 2001-12-18
                            • 1934

                            #14
                            Okej, skall testa
                            Jag bara ÄR ...... hur ska man annars vara?!?

                            Comment

                            • Asa
                              Medlem
                              • 2001-12-18
                              • 1934

                              #15
                              Ändrade till denna och då funkade det

                              <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-color/2.1.2/jquery.color.min.js"></script>
                              Jag bara ÄR ...... hur ska man annars vara?!?

                              Comment

                              Working...