草庐IT

页面效果

全部标签

javascript - 在 react-router 2 中以编程方式重定向到页面

我正在使用react-router-2。我想在成功登录后或执行某些操作后以编程方式重定向到页面。我的路由文件是这样的(routes.js)onEnter钩子(Hook)functionredirectToLogin(nextState,replace){//Performsomeauthenticationcheckif(!loggedIn){replace({pathname:'/login',state:{nextPathname:nextState.location.pathname}});}}functionredirectToDashboard(nextState,repla

javascript - __doPostBack 只有在页面上有 LinkBut​​ton、Calendar 或 WizardStep 控件时才有效

我发现了__doPostBack的问题并找到了解决方法。我正在寻求原因的解释和/或比我的工作更好的解决方案。场景:我有一个下拉菜单,其中填充了这些值;“-选择-”、“一”和“二”。如果用户选择“一个”,则执行客户端脚本。如果用户选择“两个”,则执行服务器端脚本。问题:客户端脚本通过调用__doPostBack启动回发。但是,除非页面上还有LinkBut​​ton、Calendar或WizardStep控件,否则实际上不会发生回发。我实际上浏览了VisualStudio工具箱中的所有标准工具并测试了它们。它必须是这三个之一。解决方法:添加一个由显示设置为无的跨度包围的链接按钮。LinkB

javascript - CSS 的笛卡尔失真效果

我正在尝试重新创建NewYorkTimesFashionWeek中使用的笛卡尔失真效果页。但是,他们使用D3版本3和D3js的鱼眼插件,但不适用于D3版本4。由于我们做的整个元素都在D3V4中,我无法降级到D3Version3。有没有其他方法可以使用CSS和jquery实现这种效果?我已经尝试过这是我到目前为止的位置:previewwindow.onload=run;functionrun(){if($('.overlayDiv').css('display')!='none'){varcontainer=d3.select('.overlayDiv');container.empty

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - 具有多个页面的 PWA

我正在为我的网站创建一个PWA。这是一个使用jquery构建的多页面网站。现在我已经创建了一个应用程序外壳,其中包含站点的通用header。我的网站有很好的SEO排名,通常在前3个链接中排名。现在,当我想从页面A转到页面B时,我希望预加载header并显示加载程序,直到从服务器接收到页面B的数据。我仍在使用jquery,因为大多数模块已经内置在其中,我不想重建它们。现在我能想到的唯一解决方案是使用ajax调用或在前端使用路由。我对这些解决方案几乎没有疑问和看法,想知道我是否正确。1)使用Ajax-当调用页面B时,响应的HTML将只有标题和加载程序以及一个js文件,其中将包含用于在页面上

javascript - 一个列表项而不是所有列表项的 ReactJS 悬停/鼠标悬停效果

我是React新手,所以这可能看起来很简单,也可能不是,我不确定。我正在建立一个基本的待办事项列表。我希望列表项上的鼠标悬停效果弹出“删除此”文本。但是到目前为止,对于我的代码,当我将鼠标悬停在一个列表项上时,“删除这个”会针对所有列表项弹出,而不仅仅是一个列表项。当我尝试通过为单个列表项创建一个新组件来解决这个问题时,这似乎不起作用。非常感谢任何帮助!classToDosContainerextendsReact.Component{constructor(props){super(props)this.state={heading:'SomethingYouNeedToDo?',t

c# - 如何确定包含在 Asp.net 页面中的重复 Javascript 函数

我有一个使用一些javascript函数的应用程序,由于所有javascript都包含在Masterpage中,因此页面附带的大多数javascript不是必需的,并且其中一些是重复的(因为在一些不同的JS文件中使用。)所以我想检查是否有一种方法可以确定重复函数并将其删除? 最佳答案 你可以在声明一个函数的时候检查这个函数是否存在,但是你必须改变它的工作方式。代替functionfoo(){something}做if(window.foo===undefined){window.foo=function(){something}}你

javascript - 如何访问 greasemonkey 脚本中的页面级别(本地)javascript 变量?

我只希望我的GM脚本执行window.alert(foo),其中foo等于页面中的本地javascript变量。想法? 最佳答案 alert(unsafeWindow.foo); 关于javascript-如何访问greasemonkey脚本中的页面级别(本地)javascript变量?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2524527/

javascript - 使用 windows.location.replace 刷新页面不使用 URL 中的哈希

我有一个AJAX调用,它负责一些服务器端设置(我将其用于登录、语言切换等)。如果且仅当服务器端设置由于此调用而实际更改时,我想刷新当前页面(不重新发布POST表单数据,我们应该在POST后立即在页面上)。AJAX回调中的一个简单JS负责处理此问题:window.location.replace(window.location.toString());这很好用,直到我开始使用anchor。假设我的网址类似于http://www.mysite.com/index/list#someplace然后我执行上述以window.location.replace结尾的ajax调用,然后什么也没有发生

javascript - 如何使用 JSF 复合组件使页面上的 id 唯一?

我正在为名为flot的Javascript图表库制作一个组件。//这是我目前拥有的少量代码。我遇到的问题是如何使该div标记在页面上随机生成,以便我可以输出多个图表。显然,在当前状态下它不会这样做。我需要将值传递到javascript函数中。我知道我可以创建另一个需要id的属性,用户必须指定id,但我注意到很多组件不需要id。在primefaces和icefaces等繁重的ajax/javascript库中,id似乎是随机的。 最佳答案 可以通过#{cc.id}获取复合组件自身的ID。因此,为了确保唯一性,只需执行以下操作:和$.p