草庐IT

IN_BUF_AFTER

全部标签

javascript - 如何在 SPA 应用程序中处理 "intention to open link in new page"?

嗯,在我的(react)单页应用程序中,我有很多“内部链接”。这些链接通过使用路由器存储更改url来工作。(Mobx+react)。由于html标准警告不要在没有实际href的情况下使用href,如果使用on_click事件,则应使用样式看起来像链接的按钮。这工作得很好。除了现在我希望改进使用,我希望允许消费者按下ctrl+click、鼠标中键或用户使用的深奥浏览器的任何键绑定(bind),以“在新选项卡中打开链接”。有没有办法获取浏览器点击的“意图”?-即查看用户的意图是否是在新选项卡中打开链接(按钮)?如果正常点击链接,不让用户重新加载页面?或者从另一方面来说:当点击一个相对URL

javascript - angularjs/gettext : how to translate text in attributes

我有一段这样的html现在,当我要翻译它时,它看起来像这样我没有{{和}}的原因是因为'bar'指令使用'='将标题绑定(bind)到它的范围scope:{title:'=',...}问题是任务“nggettext_extract”没有提取这个文本,因为它正在寻找大括号之间的东西。我找到了解决这个问题的方法:但我希望这个问题有更好的解决方案?更新:我现在实现的解决方法是按如下方式更改指令scope:true,link:function(scope,element,attrs){scope.title=attrs.title;}当然,如果有人知道更好的解决方案请告诉我!

javascript - 如何触发 best_in_place 事件

我查看了整个Google和StackOverflow,并查看了best_in_placejavascript代码,但无济于事。我正在使用best_in_place通过文本区域编辑Post模型的属性,如下所示::textarea,:display_with=>'simple_format'}%>我希望能够在按下Enter/Return时触发best_in_place的提交功能,除非它是用shift键按下的(这将允许回车),就像在可编辑区域外单击时一样。对于常规文本/输入,这是默认功能(减去回车部分)。然而,当使用文本区域时,它不是。我从here中提取了一段不错的jQuery处理识别何时按

javascript - 为 Shiny 应用程序添加 'Calculation In Process' 指示器

我正在使用shiny构建网络应用程序。有些步骤需要一些时间来计算,所以我想在Shiny的应用程序中添加一个进程指示器中的计算。我找到了ShowthatShinyisbusy(orloading)whenchangingtabpanels在stackoverflow中,但是shinyIncubator包seams需要指定最小值和最大值。然后我找到了这个博客:http://withr.me/blog/2014/01/03/add-calculation-in-process-indictor-for-shiny-application/他提供了一个很好的方法来做到这一点。shinyUI(b

javascript - masonry 事件 : Call event after imagesLoaded and layoutComplete

这就是我想要做的。我有一个包含大量图像的网格,因此我将imagesLoaded库与masonry一起使用。这是我的CSS:.grid{opacity:0;}和HTML:imageimageimage这是我的JS:var$container=$('.grid');//initializeMasonryafterallimageshaveloaded$container.imagesLoaded(function(){$container.masonry({columnWidth:'.grid-sizer',itemSelector:'.item',gutter:'.gutter-size

javascript - 是否可以使用 javascript 捕获上下文菜单的 "Open in New Tab"单击事件?

我知道我可以使用jQuery的“contextmenu”捕获右键单击事件,但我的问题是,如何在上下文菜单出现后捕获事件,即当用户单击“在新选项卡中打开链接”时行动。有什么帮助吗?谢谢。 最佳答案 我找到了这个解决方案jQuery(function($){$('a').mousedown(function(event){switch(event.which){case1://alert('Leftmousebuttonpressed');$(this).attr('target','_self');break;case2://aler

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - Angular : ng-if and ng-repeat not working after custom transclusion

我正在尝试在angularJS中对指令进行自定义嵌入,因为我需要将两个单独的元素嵌入到两个单独的位置。问题是,虽然一些指令在嵌入的内容上继续工作,例如ng-bind其他指令,例如ng-if或ng-repeat不要这样做,即使在使用正确的范围重新编译被嵌入的元素之后也是如此。示例:http://jsbin.com/menakapoma/1/edit?html,js,output正如您在示例中看到的那样,ng-bind有效,但ng-if无效,即使它们都在同一范围内并访问相同的值.ng-if的true或false状态都不起作用。我相信这是因为ng-if指令被嵌入为注释,但是即使我将嵌入指令的