- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
AngularJS + Turn.js
请引用 plunkr 查看问题所在。 http://plnkr.co/edit/tpzVrq0ISarXVnttK3oH?p=preview
问题:记录 ng-click 函数显示 ng-click 函数甚至没有被调用...这表明 Angular 绑定(bind)以某种方式被破坏...或者当前范围正在更改??
出现此问题的条件:
了解调用时幕后实际发生的情况
.turn('page', #)
可能会解决问题,或者有没有办法重新创建或重新编译 ng-directives...
请帮忙..
最佳答案
这是我的看法(对您的代码进行了一些清理):http://plnkr.co/edit/W1SZRRdr1V5UVEMA3vQe?p=preview
问题实际上在于 turn.js
的工作方式。它会删除页面并将其重新添加到 DOM,从而使 Angular 绑定(bind)(在本例中为 ng-click
)消失。如果您从第 3 页、第 6 页、第 7 页开始单击,它们将停止工作。如果您从第 7 页开始,那么当您返回到包含链接的页面时,这些链接将停止工作。所以你可以http://plnkr.co/edit/TIwNzaOw1nde8ZAb7WQj?p=preview
在链接上创建 jQuery 委托(delegate)(而不是使用 ng-click
):
var test=angular.module('test', [])
test.directive('flipbook', function(){
return{
restrict: 'E',
replace: true,
compile: function(element, attrs){
element.turn({
width: '300px',
height: '300px',
pages: 8,
}).turn('peel','br');
element.addClass('flipbook');
return function(scope, el) {
el.on('click', '[data-page]', function(e){
el.turn('page', $(e.target).data('page'));
});
};
},
templateUrl: "flipbook.html"
}
});
当你混合 jQuery 和 Angular 时,这种情况总是会发生,在这种情况下,不可能不将它们两者混合。另一种方法是对页面、页面链接等使用不同的指令进行组合,以便在需要时重新编译它们(子指令)。但绑定(bind)事件的问题仍然是一个问题
关于AngularJS 绑定(bind)在遍历翻页书时被破坏(turn.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22599891/
我在尝试弄清楚如何做到这一点时遇到了问题 - 我想进行翻页,并且事件页面将保持在分页的中心。 您知道任何示例或如何使其发挥作用吗? .active { background: red }
我需要创建翻书/翻页应用程序。我见过 flash 创建的翻页,可以用任何其他语言完成吗? jquery 还是 javascript?另外,我需要记住哪些概念/知识来制作翻页书? 谢谢。 最佳答案 不太
我找到了一些例子。但是,所有示例都使用 PdfReader。我想使用 PDFWriter。 下面是我写的代码。 private void CreatePdf(string strPdfPath) {
我希望之前有人偶然发现了以下问题。 我的 Java 应用程序在 Mac 上有图形性能问题,所以我做了一个简单的测试应用程序(代码如下)。当我在 Windows 上运行它时,控制台告诉我: Graphi
我正在实现一个应用程序,我需要在其中翻转/翻页浏览量?我怎样才能做到这一点?我没有找到解决方案。我在谷歌搜索了很多?谁能帮我解决这个问题? 最佳答案 我能想到的三种可能性。 您可以使用 cocos2d
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 1
我正在开发图书阅读器应用程序,我想在其中使用 UISlider 翻页 我在 viewdidload 中尝试了以下代码: pageSlider =[[UISlider alloc]initWit
我想像 Flipboard 应用一样“弯曲” View 。我成功地翻转了整个 View ,但没有弯曲它。我的策略是:从我想弯曲的 View 的一半制作一个 View /图层,将其添加到 View 并翻
前言 在csdn发的第一篇文章,时隔两年,终于实现了爬微博的自由!本文可以解决微博预登录、识别“展开全文”并爬取完整数据、翻页设置等问题。由于刚接触爬虫,有部分术语可能用的不正确,请大家多指正!
我的服务器上的一切都可以通过 ssh 使用 putty 完美运行。然而,在腻子上,甚至直接在服务器键盘上,我无法使用shift + page up 向上翻页/滚动。它向上移动大约半页,然后自动返回到闪
这个问题在这里已经有了答案: 关闭9年前。 Possible Duplicate: Implement page curl on android? 如何在android中做翻页/翻页或 curl 动画
我正在开发一个需要使用 flash 开发翻页( curl )效果的项目,如下例所示: http://www.actionscript.org/showMovie.php?id=459 我发现了很多示例
我有一个很大的 primeng 表: 大量条目导致表格超过 100 页。但是,分页按钮的宽度是固定的,只有两个数字的字体大小会减小。对于三位数,它看起来像这样: 是否可以覆盖一些 css 属性来增加
在 iOS 中,您可以在 UIPageViewController 上使用 PageCurl 过渡样式来获得与 iOS 中的 iBooks 相同的页面 curl 效果。 有没有办法在 React Na
我开发了一个库(我将很快在 BSD/MIT 许可下发布)来模拟 Apple iBooks 中可重排 EPUB3 电子书的媒体覆盖支持(也称为“大声朗读”或“SMIL”)。 (我提醒您,iBooks 仅
我是一名优秀的程序员,十分优秀!