我试图让一个div淡出并按下按钮。 它适用于jfiddle但由于某种原因它不能在我的asp.net页面上工作: $(‘#btn’).click(function(e){ $(‘#fancy’).fadeOut(‘slow’, function(){ $(‘#fancy’).fadeIn(‘slow’); }); }); fade div Fancy Div http://jsfiddle.net/3XwZv/1859/ 我的asp.net页面: $(‘#btn’).click(function (e) { $(‘#fancy’).fadeOut(‘slow’, function () { $(‘#fancy’).fadeIn(‘slow’); }); }); Fade div Fancy Div
我在我的网站上使用一些图像作为横幅。 它们是完整的(960px)宽度,我最初显示图像的一部分作为预告片(比如160px高)。 我现在通过使用单独的图像来做到这一点,图像是全尺寸图像的切片(高600像素)。 更复杂的是我在Photoshop中应用于图像顶部和底部的阴影,使其看起来像“插入”div。 我想做的是用一个小图标覆盖图像,上面写着“看得更多”。 当访问者点击此图标时,我想将div展开(acordian样式)以显示整个图像,然后将图标更改为“see less”。 单击新图标时,我希望图像折叠到原始大小。 我怀疑我需要使用一个新的图像(960 x 600px),我还添加了阴影,这样我就可以将插图看作零售。 因此,这需要两个图像,一个在div扩展和收缩时换出,另一个在div收缩到原始160px高度时交换。 造成这种情况复杂的是,图像充当了页面顶部附近的横幅,我不希望div向上扩展到窗口顶部以便在屏幕外消失并可能添加滚动条。 最后的复杂因素是可以在原始600px图像中的任何高度拍摄小的“切片”。 我选择最适合160px的图像区域。 因此,div扩展的高度不是恒定的。 如果从原始图像的顶部切割切片,则div将仅在顶部扩展一点,在底部扩展更多。 类似地,从原始图像的底部切下切片。 我意识到这是一个复杂的问题,我在谷歌周围寻找解决方案。 我发现了几个看起来可能有用的JQuery扩展(UI和工具),但我找不到我想要做的事情的例子。 如果答案太复杂而无法在此论坛中尝试,那么指向我正在努力完成的网站的指针将不胜感激。
我一直无法加载资源:服务器响应状态为500(内部服务器错误),表明对我的控制器方法的调用不起作用,我不知道原因: var user = “founder”; var clanName = “superClan”; var SuspensionDate = Date.now; $.ajax({ url: ‘@Url.Action(“SuspendUserFromClan”, “ChatMethods”)’, type: “POST”, contentType: “application/json; charset=utf-8”, data: { ‘ClanName’: clanName, ‘UserToSuspend’: userToAdd, ‘DateSuspendedTill’: SuspensionDate }, dataType: “json”, traditional: true, success: function (data, status, xhr) { alert(data); }, error: function () { alert(“An error has occured!!!”); } }); 我的控制器: public […]
我在这样的脚本中使用uploadifyUpload(): $(“#artist_form”).validator({ offset: [0, 100], position: ‘center left’, messageClass: ‘arterror’ }).submit(function(e) { if (!e.isDefaultPrevented()) { $(‘#file_upload’).uploadifyUpload(); var form = $(this); var serdata = form.serialize(); $.ajax({ type: “POST”, url: “sendartist.php”, data: serdata, cache: false, success: function (html) { log(‘inside ajax artist’, this, arguments); if (html==”0″) { alert(“An error occurred”); } else { alert(“Sent ok”); } }, […]
发现这篇关于使用jquery进行图像交换的好文章: http://jquery-howto.blogspot.com/2009/05/replacing-images-at-time-intervals.html 你怎么建议我超链接图像?
我在Rails应用程序中有这个javascript块,启用了turbo-link: var ready = function() { setTimeout(function() { $(‘#table-products’).dataTable(); }, 100); }; $(document).on(‘ready, page:change’, ready); 通常,我得到的错误是.dataTable()函数未定义,刷新可以解决问题。 但是,刷新并不总是令人愉快的,所以我将setTimeout添加了100ms以等待来自CDN的js加载。 到目前为止,我在开发环境中没有看到任何问题,但我担心如果有一个慢客户端,js将无法在100ms内完成加载。 我想知道是否有更好的解决方法,比如检查两个js文件是否已加载,类似于$(document).ready for DOM。 谢谢!
我有一个订单页面,您可以在其中选择所需的产品类型。 对于特定产品,他们有一些称为“规格”的东西。 当有一个按钮时,它意味着有规格。 如果单击它,将出现一个带有复选框列表的弹出窗口。 这工作正常,没有问题。 现在我遇到的问题是,当我再次单击时,弹出窗口关闭(也正常)但数据不保存。 我假设它从内容中复制并缓存它。 我的问题是,有什么方法可以在关闭数据时保存数据,或者使用来自popover中DIV的“实时”数据? 谢谢。 编辑: 你想要的设备清单: … S DIV的内容在POPOVER中。 现在,当contnet改变时,我想让它反映在DIV中。 谢谢。
当我使用Masonry作为我的Tumblr主题时,PXU Photoset Extended没有正确加载这个问题。 我知道是什么导致它,我遗憾地不知道如何解决它。 我发现在Masonry加载时减少闪烁的唯一方法就是用CSS隐藏容器(display:none)然后在加载Masonry脚本时取消隐藏它。 看起来这有一个奇怪的副作用PXU Photoset脚本没有正确渲染图像(它们大多被切断,并在调整窗口大小时跳转到它们的实际大小)。 所以我使用这段代码来调用Masonry,ImagesLoaded和Infinite Scroll: $(document).ready(function(){ var $container = $(‘#container’); $container.imagesLoaded(function(){ $container.show(); $container.masonry({ itemSelector: ‘article’, gutter: 50, isFitWidth: true, }); }); $container.infinitescroll({ navSelector : ‘#pagination-infinite’, // selector for the paged navigation nextSelector : ‘#pagination-infinite a.next’, // selector for the NEXT link (to page 2) itemSelector : ‘article’, // selector for all […]
我需要validation一个22个字符长的整数。 我需要除去这个数字并获得商数和余数。 但是,当我将它发送到模数函数时,它返回7.04406000774059e + 21 labas = modulo(7044060007740589212932, 97); function modulo (divident, divisor){ alert(divident); }
我一直被困在一个轻微的jquery问题上,这可能只是我看不到的小问题。 我有一个PartialView,我希望能够检查一个复选框,它应该取消选中所有其他复选框。 我只想在提交页面之前检查一个复选框。 无论如何,这是我的代码示例: 这是我的PartialView @model List @foreach (var element in Model) { } 这是我的Jquery函数 我不能先取消选中,然后在第二行告诉点击复选框进行检查吗? function PrimaryImageChkBox(id) { alert(id); $(‘input[name=PrimaryImage]’).removeAttr(“checked”); $(‘#PrimaryCheckbox’ + id).attr(‘checked’, “checked”); } 先感谢您 :)