I need an ajax animation while the remote page is loaded in tabs.
I am using

$('#tabs2').tabs({ spinner: ''<img src="../../Content/images/Jquery/spinner.gi'' });

Even $('#tabs2').tabs({ spinner: 'Loading..' }); also doesn't works ...

Though the tab functionality is working but the animation is not working ...
I am using JQuery theme roller files. Your help is much appreciated. Many Thanks







Problem solved. I Put a <span> tag in the tabs. Found the solution in Jquery support discussions. http://docs.jquery.com/Discussion

e.g.

<li><a href="../URL">**<span>Text to display in Tabs</span></a></li>
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li>

plugin to augment a standard file upload form with transparent background upload and add uploadprogress meter to keep client informed of progress.

一款AJAX上传的jQuery插件，可以查看上传的进度、速度(而且速度很准确)等...

地址: http://nixbox.com/demos/jquery-uploadprogress.php

<p><a href="#" class="run">Run</a></p> <div id="box"> </div>


<style type="text/css"> body {}{     margin: 20px auto;     padding: 0;     width: 580px;     font: 80%/120% Arial, Helvetica, sans-serif; } a {}{     font-weight: bold;     color: #000000; } #box {}{     background: #6699FF;     height: 100px;     width: 100px;     position: relative; } </style>


$(document).ready(function(){     $(".run").click(function(){              $("#box").animate({opacity: "0.1", left: "+=400"}, 1200)         .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")         .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")         .animate({top: "0"}, "fast")         .slideUp()         .slideDown("slow")         return false;          }); });

一般来说在用jQuery进行前端脚本编写的时候常会将要在页面载入之后执行的函数代码这么写:
$(document).ready(function(){ ... });


但是今天在写这个的时候发现一个问题，在对onError事件或者说对jQuery绑定的error事件处理时，将该事件处理脚本放在ready函数中执行时根本不起作用，反复测试不行；然而将error事件的处理脚本放在相关标签的页面之后却能正常进行.......百思不得其解...囧TL...


无奈之下，只得将图片载入错误的脚本放在页面最下面。。。

<script type="text/javascript"> $('img').error(function() { $(this).hide(); }); </script>

//查找网页内宽度和高度太大的图片进行缩放，自定义最大宽和高 //通过var image=new Image();image.width获取的图象的宽和高是原图象大小; //通过$(this).width()获取的图象的宽和高是经过属性或者CSS设置后的大小,所以用$(this).width()比较适合 function ReImgSize(max_w,max_h){     $('.Content img').load(function() {         if($(this).width()>max_w)         {             $(this).width(max_w);             $(this).wrap('<a href="'+$(this).attr('src')+'" target="_blank" title="在新窗口打开图片"></a>');//包裹         }         else if($(this).height()>max_h)         {             $(this).height(max_h);             $(this).wrap('<a href="'+$(this).attr('src')+'" target="_blank" title="在新窗口打开图片"></a>');//包裹         }     }); }     $(document).ready(function(){     ReImgSize(630,800); });