如何使用css打印页码

我想在打印时在每页打印页码。 我想通过关闭浏览器打印预览设置来实现这一点。 这是我的代码。 .rptFooter { counter-reset: footerNum; } .rptFooter:after { counter-increment: footerNum; content: “Page ” counter(footerNum) ” of ” counter(footerNum) ; } 我进入每一页 第1页,共1页

在由jquery .load()加载的容器上使用lazyload.js

我正在尝试在用C#,ASP.net编写的电子商务网站上实现lazyload.js。 我管理(在社区的帮助下,顺便感谢)正确设置产品列表的插件,但我还有一个“实时搜索框”,通过ajax .load()方法从.apsx页面加载列表。 问题是延迟加载在结果容器中不起作用。 我尝试了所有设置,但仍然没有运气。 我加载结果容器的结果页面实现了延迟加载并且可以工作,但是在我的ajax加载的容器中,图像只是不替换。 这是加载搜索结果的代码(#srs是在搜索页面上保存产品列表的容器): $(“.search-box-inner”).keyup(function(){ var uType=$(this).val(); uType=uType.replace(/\ /g, ‘%20′); var myLength = $(this).val().length; var url=”SearchLive.aspx?SearchTerm=”; var div=”#srs”; if((myLength>=3)){ $(“#search-results”).slideDown(“slow”); $(“#search-results”).load(url+uType+’ ‘+div); $(“.searchbox-spinner”).fadeIn(“slow”); setTimeout( “$(‘.searchbox-spinner’).fadeOut();”,1000 ); } if(myLength<2){ $("#search-results").slideUp("slow"); } }); 这是生成延迟加载图像的代码: <asp:Image ID="imagePath" class="lazy" height="100px" data-original='’ src=”http://placehold.it/100×100″ runat=”server” AlternateText=” /> 我尝试了一些东西,但没有设法打破低谷。 请帮忙…

Rails 3和jQuery网站的富文本格式(RTF)编辑器插件?

你使用哪种RTF编辑器? 我们使用的是Rails 3和jQuery,并希望实现一个低维护的RTF编辑器。 我们更喜欢使用第三方插件而不是从头开始构建。 你今天使用哪一个,有哪些优点/缺点?

JSTween库坏了

JSTween库似乎不执行从库的教程中提取的简单动画。 使用以下代码,警告框将在分配的1秒持续时间后显示,但不会发生动画。 我必须以某种方式设置库错,但我看不出问题。 #box { width: 16px; height: 16px; } function animate() { $(‘#box’).tween({ width:{ start: 16, stop: 200, time: 0, units: ‘px’, duration: 1, effect:’easeInOut’, onStop: function(){ alert( ‘Done!’ ); } } }).play(); } 附加信息:在10.7.5上使用Safari。 代码在Chrome或Firefox中也不起作用。

如何在外部单击时使用Jquery关闭下拉框

所以我有这个下拉框,我想在它外面点击时关闭它,我怎么能得到它? $(document).ready(function(){ jQuery(‘ul.nav li.dropdown’).click(function() { jQuery(this).find(‘.dropdown-menu’).fadeIn(); $(“#actionStatus”).html(“”); }); $(“body:not(ul.nav li.dropdown)”).hover(function(){ $(“ul.nav li.dropdown”).find(‘.dropdown-menu’).fadeOut(); }); $(“#btnSendOption”).click(function(){ var data = $(“#frmUserOption”).serialize(); $.ajax({ url: “/users.php”, data: data, success: function( data ) { $(“#actionStatus”).html(“”); $(“input[type=’radio’]”).attr(‘checked’, false); $(‘.dropdown-menu’).delay(1000).fadeOut(); }, error: function(data) { $(“#actionStatus”).html(“Error, try again later”); } }); }); }); 非常感谢任何帮助。 先感谢您。

使用jQuery 1.7.2的水平幻灯片动画。?

任何人都可以建议使用jQuery 1.7.2库实现水平幻灯片动画,而不使用jQueryUI库。 到目前为止,通过这个设置,我已经成功实现了垂直幻灯片 $(‘#selectorId’).fadeIn(1000); 并且淡化使用: $(‘#selectorId’).slideToggle(‘slow’); 另外请不要我已经排除了使用CSS进行转换,因为据我所知,你不能以这种方式做回调函数。

按钮单击时更改背景颜色

在按钮上单击我在jquery ui的帮助下创建一个可拖动的div。 创建的每个div都有一个textarea输入字段附加的文本。 文本放在项目符号列表标签中。 我遇到了这个问题:我想为 标签内的所有内容动态设置背景颜色。 我使用SPECTRUM作为颜色选择器。 在按钮上单击而不是更改 标签背景,它会更改整个div。 我怎样才能改变 背景而不是div? 的jsfiddle $(‘#button’).click(function (e) { $(”, { class: ‘draggable ui-widget-content’, text: $(‘textarea’).val(), html: ”+ ”+ ”+ ”+ ”+$(‘textarea’).val()+”+ ”, appendTo: ‘.middle-side’, draggable: { containment: ‘parent’ } }) .css(‘background-color’ , color) .addClass(‘placement’); });

如果没有触发其他mouseenter事件,则在页面加载时触发mouseenter

当我的页面加载时,我想在我的菜单项’#currentitem a’上触发一个’#currentitem a’ 。 我做过的事: $(document).ready(function(){ $(“#currentitem a”).trigger(‘mouseenter’); }); 我的问题是,如果我mouseenter(手动)另一个项目,触发(上面的代码)项目不会鼠标移动。 菜单项重叠。 我是新手,如果可能,我想实现以下目标? 在页面加载上’#currentitem a’ 。 当另一个项目触发了’#currentitem a’时,mouseleave ‘#currentitem a’ 。 当该菜单项触发mouseleave时,请输入’#currentitem a’以便在没有其他任何内容时始终触发该项。 该菜单是更复杂的jQuery设置的一部分,而不仅仅是简单的CSS,所以这是我能看到的最佳方式。 任何帮助将非常感激。 我现在已经创建了一个JSFiddle来显示我想要做的事情: http://jsfiddle.net/qFS84/

首次单击后,Jquery切换需要两次单击

我点击时移动两个div(打开),当用户点击时,我希望其余的重置。 (我的小提琴看起来很清楚) 我第一次运行脚本并单击对象时,它完美无瑕,但如果我继续单击,则需要两次单击才能运行。 我尝试过涉及.click()和e.preventdefault的函数,但没有一个工作。 我已经花了很多时间在这上面,所以我希望有人可以帮我解决这个问题。 提前谢谢了! http://jsfiddle.net/baZDy/ $(“#schoenen”).toggle( function(){ //schoenen $(“#rood_een”).animate({‘left’:’480px’}); $(“#rood_twee”).animate({‘top’:’120px’}); //casual $(“#oranje_een”).animate({‘left’:’240px’}); $(“#oranje_twee”).animate({‘top’:’120px’}); //schoenen //$(“#rood_een”).animate({‘left’:’360px’}); //$(“#rood_twee”).animate({‘top’:’0px’}); //ceremonie $(“#blauw_een”).animate({‘left’:’120px’}); $(“#blauw_twee”).animate({‘top’:’240px’}); //communie $(“#groen_een”).animate({‘left’:’240px’}); $(“#groen_twee”).animate({‘top’:’360px’}); },function(){ $(“#rood_een”).animate({‘left’:’360px’}); $(“#rood_twee”).animate({‘top’:’0px’}); }); $(“#casual”)。toggle(function(){ //casual $(“#oranje_een”).animate({‘left’:’120px’}); $(“#oranje_twee”).animate({‘top’:’0px’}); //casual // $(“#oranje_een”)。animate({‘left’:’240px’}); //$(“#oranje_twee”).animate({‘top’:’120px’}); //schoenen $(“#rood_een”).animate({‘left’:’360px’}); $(“#rood_twee”).animate({‘top’:’0px’}); //ceremonie $(“#blauw_een”).animate({‘left’:’120px’}); $(“#blauw_twee”).animate({‘top’:’240px’}); //communie $(“#groen_een”).animate({‘left’:’240px’}); $(“#groen_twee”).animate({‘top’:’360px’}); },function(){ $(“#oranje_een”).animate({‘left’:’240px’}); $(“#oranje_twee”).animate({‘top’:’120px’}); });

将列附加到从右侧偏移的HTML表

如何计算表格第一行中的列数,减1,然后在该位置插入一列到我的表中? 我希望该列的第一行与其他列不同。 这是一个基本的小提琴,它将列插入到固定位置的表中。 本主题讨论插入新列。 问题是它使用从左侧固定的位置来插入列。 它也不会更改顶部列。 这是我从该post改编的示例代码: $(document).ready(function(){ $(‘#AddOT’).click(function(){ $(‘#Table1’).find(‘tr’).each(function(){ $(this).find(‘td’).eq(0).after(‘cell 1a’); }); }); }); 本主题讨论确定“表”中的列数。 该示例似乎不起作用,因为在HTML中放置多个表会产生问题: $(function() { var colCount = 0; $(‘tr:nth-child(1) td’).each(function () { if ($(this).attr(‘colspan’)) { colCount += +$(this).attr(‘colspan’); } else { colCount++; } }); }); 有一个jsfiddle与列的计数一起。 编辑:问题解决了,我能够根据行索引值制作一个修改的小提琴,将不同的内容放入不同的行。 这将非常有用,因为我在不同的行上有不同类别的文本输入框,我根据类对它们求和。 我现在可以动态地向所有行添加新列,但仍然在每行中保留唯一的单元类。 真棒!