草庐IT

scroll-view自动滑动

全部标签

javascript - 加载页面后自动加载javascript函数

我是Rails的新手,现在还不太了解Assets管道......我要让一个views/product/product.js自动触发views/product/index.html.erb出于DRY原因呈现。加载任何或部分model.erb文件后,Assets管道中是否有调用model.js文件的地方?我知道如何手动完成,并删除了app/assets/javascripts/product.js但是我必须在新的节目中调用doSomethingAfterPageload()方法。删除等更好的是,如果这也适用于部分。 最佳答案 普通配置下

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - 为什么要向 javascript 添加自动分号插入 (ASI)?

由于我现在工作的地方发生了一场“宗教war”,我决定研究一下javascript的ASI特性的历史。但我无法找出为什么以及何时将ASI引入javascript。它似乎一直是一个特性,但是有两种方法可以终止javascript中的语句是否有特定原因?一些消息来源将ASI描述为一种纠错功能,这意味着省略分号是不好的做法。依赖ASI对性能有影响吗?我个人更喜欢分号,因为它使意图更加明确,但个人偏好在任何严肃的讨论中都不是一个可行的论据。 最佳答案 好问题!BrendenEich最初设计了JavaScript编程语言,我认为可以公平地说他会

javascript - 加载 Angular View

每当我们加载.html文件时,它会以angular方式为某些Controller提供服务。angular是否进行ajax调用以检索该html。喜欢这段代码。.state('home',{url:'/',templateUrl:'/Modules/Signin/signin.html',controller:'SigninCtrl'})我的意思是在获取signin.html时询问是否进行了ajax调用?或者它们是否作为普通资源加载?如果进行了ajax调用,我在哪里可以找到有关它的文档。 最佳答案 当你的代码执行时,Angular首先在

javascript - 自动完成在自动完成窗口中显示相关数据

我有3个输入字段,1个用于数据类型,另外2个与其相关。当我在数据类型字段中按下按钮时,我想显示这样的自动完成窗口而不是这个选择后应该是这样的HTMLJS$(document).on('focus','.type',function(){type=$(this).data('type');if(type=='vehicle')autoTypeNo=1;$(this).autocomplete({source:function(request,response){$.ajax({url:'autocomplete.php',dataType:"json",method:'post',dat

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

javascript - 如何将路径更改广播到 AngularJS 应用程序中的所有 View ?

我有一个AngularJS单页应用程序显示3个View(实际上是3个directives)。为了说明我的问题,假设我的用户界面与GMail的用户界面相同,并且我的3个View是:导航Pane(左)--GMail在其中显示“收件箱”、“草稿”等文件夹...工具栏(右上)——GMail显示按钮的地方内容Pane(右下角)——GMail显示消息的地方这3个View需要在路径更改时自行更新。例如:导航Pane需要突出显示特定项目。工具栏需要显示/隐藏某些按钮。ContentPane需要从服务器加载和显示特定数据。在AngularJS中执行此操作的最佳方法是什么?到目前为止,我有:排除了使用$r

javascript - 水平滑动手势和垂直页面滚动

我正在构建一个移动网站,我有一个图像幻灯片放映,允许水平滑动图像。我使用的javascript库是bxslider。但是,如果触摸幻灯片并想向上/向下滚动页面,幻灯片会阻止垂直滚动,因此必须触摸网站的另一部分。谁能告诉我如何保持垂直滚动启用(即不允许幻灯片阻止正常滚动?)谢谢! 最佳答案 试试这个,将bxslider库中的onTouchMovefn改成这个varonTouchMove=function(e){if(slider.settings.mode!='fade'){varorig=e.originalEvent;varval

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK

javascript - 如何防止向左/向右滑动时垂直滚动

当我尝试向左/向右滑动时,我的应用内容也会垂直滚动,从而造成困惑的用户体验。有办法防止吗?这是我处理滑动的方式//angulardirectivelink:function(scope,element,attrs){$ionicGesture.on('swiperight',function(){console.log("swiped");},element);} 最佳答案 前言:此解决方案在确保与ios和android环境兼容后完全改写;以下评论可能不再适用;欢迎任何反馈。是,有一种方法可以防止水平滑动时应用内容滚动:通过结合an