Question

我写了一些html5，我需要为ZK6应用程序重新实现。

我正在努力使用data- *属性。

例如

 <div class="caption lft"
                                 data-x="140"
                                 data-y="60"
                                 data-speed="900"
                                 data-start="800"
                                 data-easing="Sine.easeOut"> <h:img id="tp-mainImgSlide-02" src="img/slider/pic1.png" alt=""/> 
                                 </div>

我收到错误

Cause: Method setData-x not found for class org.zkoss.zul.Div

有没有人在ZK 6中遇到过HTML5这个问题，你知道如何解决吗？

Answer 1

您有两个选项可以在ZUL文件中指定HTML5 data属性

第一个选项，使用RC建议的原生html元素。

第二个选项，使用client attribute命名空间。这适用于任何ZK组件。

<zk xmlns:ca="xmlns:ca="http://www.zkoss.org/2005/zk/client/attribute">
  <div ca:data-x="140"></div>
</zk>

这将输出带有data-x属性

的原生div html元素

Answer 2

您可能希望使用h:div h作为html的命名空间，就像您对img所做的那样：

 <h:div class="caption lft" data-x="140" data-y="60" data-speed="900" data-start="800" data-easing="Sine.easeOut"> 
     <h:img id="tp-mainImgSlide-02" src="img/slider/pic1.png" alt=""/> 
 </div>

html div与zul不同。

ZK的HTML5属性

2 个答案: