currentPage.data().f在控制台输出的是空
时间: 2024-04-15 15:28:48 浏览: 22
如果在控制台输出`currentPage.data().f`为空,可能是因为获取当前页面的方式不正确或者该页面没有正确设置翻转程度的数据。
确保以下几点:
1. 确保你已经正确引入了jQuery库,因为`$(this)`需要使用jQuery选择器。
2. 确保你将`currentPage`作为回调函数的参数,并在回调函数中使用它来获取当前页面的jQuery对象。
3. 确保在翻页容器中的每个页面元素上设置了正确的数据属性 `data-f` 来表示翻转程度。
以下是一个示例代码,展示如何正确获取翻转程度:
```javascript
$("#flipbook").turn({
// turn.js的初始化配置项
// ...
// 针对硬纸板页的配置项
pages: [
// ...
{
// 硬纸板页的配置项
// ...
// 当页面翻转完成后的回调函数
onEnd: function(event, currentPage) {
var flipPercent = currentPage.data('f');
if (flipPercent >= 0.7) {
console.log(111);
}
}
},
// ...
]
});
```
确保你的HTML结构中的每个页面元素都设置了正确的数据属性 `data-f`,例如:
```html
<div class="hard" data-f="0"></div>
<div data-f="0.5"></div>
<div data-f="1"></div>
<div class="hard" data-f="0"></div>
```
请根据你的实际需求和HTML结构进行相应的调整。如果问题仍然存在,请提供更多关于你的代码和HTML结构的细节,以便更好地帮助你解决问题。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)