Tag: 设计

修改设计警报（Rails 3）: 我在我的rails应用程序中使用设备，它带有自己的警报/闪光助手。我修改了它，看起来像这样 “flash #{key}”) %> 我想要做的是能够通过顶角的X关闭此警报，而不是刷新页面使其消失。我创建了一个带有css / jquery的警告框，并围绕上面的代码包围了相关的div，但是当它在布局/应用程序文件中时，它总是在页面加载时可见如果它有帮助，这里是CSS和Jquery $(function() { $(‘.close’).click(function(){ $(‘.myDiv’).fadeOut(“fast”); }); .close { background:red; font-weight:bold; padding:5px; cursor:pointer; display:inline-block; } .myDiv { padding:10px; background:#ccc; width: 200px; margin:0 auto; height:50px; }

仅使用Javascript在滚动上显示/隐藏元素: 我正在构建一个非常轻的wp主题。侧边栏包含很少的小部件，仅填充两页长度。现在，当用户向下滚动时，当小部件不在视线范围内时，我想利用侧边栏的其余部分。如果文章很长，这将是非常好的。使用jquery的浮动元素很常见。正如我所说，这应该是非常轻松的主题。 jQuery很重。是否可以仅使用javascript，甚至只是出现和消失，以显示特定页面长度的元素？注意：此主题具有响应性。 [更新]问题解决了！谢谢大家。我为jQuery节省了100kb +带宽。作为对他人的参考，这是新脚本。 var width = window.innerWidth || document.documentElement.clientWidth; //Trigger the script only on browser width above 1150px. Recommended on responsive websites if (width > 1150){ function testScroll(ev){ //Will set the position to FIXED with TOP=80px when user scrolls 850px below. if(window.pageYOffset>850){document.getElementById(“targetID”).style.position = “fixed”;document.getElementById(“targetID”).style.top […]

input type = image – onclick（），将触发其事件，但在jquery中的函数不能很好: （我想这可能是两个post – 两个问题……所以如果你对它发表评论……我将把它们分开）主要问题是：我怎样才能为按钮设置图像背景……简单又合适？我想现在我可以肯定这些事实：因为我将图像设置为按钮背景时遇到“小问题”，…我想，好吧，如果用图像背景设置很困难，为什么不这样做，只需设置onclick事件在！我是对的（…差不多），因为是的，在image类型上设置点击事件很容易，也可以设置src ..而不是按钮的background-image …至少对我来说，它是。问题是，在当前项目中），使用jQuery-UI dialog – ok, cancel ，似乎问题是图像类型，Posts back（？！），所以对话框消失了和按钮不会导致这个缺陷。我尝试用一个断点来调试它，在vs2010中它都可以用点击事件，因为它们都达到了“function输入”……所以对于图像类型…我只能注意到，如同我可以看到<- Back button ，从disabled切换到可点击，这意味着它确实回发了。并且按钮不会发生这种情况，因为您将鼠标hover在按钮上没有任何乐趣，并且使用图像可以在状态栏中看到链接。所以在按钮 – “转换”成图像之间存在差异（真实的），而不是图像变成“按钮”（用Click()事件附加它），所以我想知道的是:(只有这次我被允许使用这个post才能得到两个答案）为什么图像回复？我可以禁用此操作吗？ …它不是服务器控件。这是你应该知道的事情，并且假设发生了什么？再次，如果它是偏离主题我会移动这个问题，我需要一个propper方式来设置按钮的背景图像，除非有一个解决方法的行为。

实现具有多个集合的主视图。 Backbone.js的: 编辑我想要实现的简单模型我定义了这样一个观点： define([‘jquery’, ‘underscore’, ‘backbone’, ‘text!_templates/gv_container.html’, ‘bootstrap/bootstrap-tab’], function($, _, Backbone, htmlTemplate, tab) { var GridViewContainer = Backbone.View.extend({ id: ‘tab-panel’, template: _.template(htmlTemplate), events: { ‘click ul.nav-tabs a’: ‘tabClicked’ }, tabClicked: function(e) { e.preventDefault(); $(e.target).tab(‘show’); }, render: function() { this.$el.append(this.template); return this; } }); return GridViewContainer; }); // define(…) 视图的模板如下所示： Products 最初我以为我可以使用它（作为所有集合的通用模板）。目标我有三个系列： products ， […]

在设计/加载时间方面被视为过度使用的页面是否正在使用淡入效果？: 这是网页设计中的不良做法吗？（整个淡入淡出的东西）我在这里得到了一些来自用户的混合评论，说它太过分了。什么是共识？我想遵循常规做法，避免任何失礼。我意识到这是一个非常微妙的事情，我可以在没有它的情况下生活……但是，在我看来，它为设计增添了一些东西。最令人担忧的是：它会阻止一些用户吗？当用户没有启用Javascript但页面仍显示时，我没有回退。那应该不是问题，但效果本身会让人们失望吗？加载/完成效果会被视为“太长”？有人说很多用户2.8秒太长了。是否存在某种普遍接受的价值？附录：我注意到大多数网站都没有使用这种效果。这是因为加载时间较长是不合需要的，还是视觉效果令人讨厌？脚本： $(document).ready(function(){ document.body.style.display = ‘none’; $(‘body’).fadeIn(2800); }) CSS： html { background: #000; height: 100%; } body { background: black url(images/bg.jpg) no-repeat 200px center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; height: 100%; }

向下滚动到页面，向上滚动到顶级系统，就像在MEGA.co.nz下载页面上一样: var pagestart = 0; var currentlyat = pagestart; var lastScrollTop = 0; $(document).ready(function(){ function scrollPageTo(a){ if(a == 0){ $(‘#top’).show(); $(‘#top’).animate({ top: 0 }, 1000, function(event){ $(‘#page’).css(‘top’, $(window).height()).hide(); }); } else { $(‘#page’).hide(); $(‘#page’).animate({ top: 0 }, 1000, function(event){ $(‘#top’).css(‘top’, $(window).height()).hide(); }); } } if(pagestart == 0){ $(‘#top’).css(‘height’, $(window).height()); $(‘#page’).hide(); } else { $(‘#top’).hide(); $(‘#page’).css(‘height’, $(window).height()); […]

在CSS / Jquery中创建渐变网格: 我不确定这是否可行，但我可以使用CSS / Jquery技术来创建渐变网格吗？类似的东西我想随机生成这个网格然后可能为它设置动画，所以我试图避免使用图像。我不确定这样的事情是否可行。我在考虑创建几层单独的渐变，然后将它们一起分层到一个固定的位置并改变它们的不透明度设置？

使用rails 3和remote => true进行设计: 我在使用AJAX登录设计时遇到问题。我正在使用:remote => true选项和javascript版本的javascript助手（https://github.com/rails/jquery-ujs）。用户输入正确的信息后，会在会话视图中呈现我的create.js.erb。这没关系，因为我可以在这个文件中使用JS重定向我的用户。但是当发生错误时，例如用户输入错误信息时，只有闪存消息在响应中，错误代码为401 – Unauthorized 。因此，不会呈现视图或create.js.erb或其他。但我想通过在侧面显示它来处理这个消息，以便用户获得一些反馈，但是错误。我还尝试使用respond_to :js实现我自己的自定义控制器，并使用warden身份validation的:recall方法。但它不起作用。有人知道解决这个问题的一些最佳实践吗？或者我应该避免使用这种辅助方法，只使用纯jQuery进行ajax调用？ thx，tux

我应该使用内置类还是规则来实现validation？: 我正在使用jQuery validate插件来validation我的表单。正如我所看到的那样（我很难从文档中解决问题），我有两个基本选择：如何应用内置validation规则：在HTML中应用该类调用validate方法时，按输入id指定规则 $(‘#sales’).validate({ rules: { myNum: {number: true} } }); 哪个被认为是“最佳实践”？我试图决定在validate方法中将所有规则编码在一个地方是否更清楚，以便我可以在一个集中位置看到我的所有validation，或者如果将HTML中的简单规则编码为有意义的话类，只在validate方法中放置自定义validation。什么是更可接受的validation编码方式？我何时使用哪种方法应该确定什么？

jQuery示例: 有一天我遇到了一个很长的滚动页面，里面有几个很棒的jQuery样本：日历，滑块，可折叠菜单等。我谷歌搜索疯狂再找到它但我没有成功，虽然有很多jQuery示例。我正在谈论的这个网站（哎哟，我不知道它的名字）在那个长页面上运行了演示，所以它非常实用。有没有人知道我在说什么页面？无论如何，非常感谢您喜欢的优秀jQuery示例。谢谢！