Question

这个有点棘手，我在这里创建了jsfiddle http://jsfiddle.net/WXmcL/10/ 有点复制https://chrome.google.com/webstore/category/home 插件容器。一切都很好，除了元素链接。

我需要定位

 <a class="link" href="linktoapp"></a>

正确但也让用户到达

<a href="linktoinfo">Info1</a>

因为我不能在一个元素中有任何ul或div，所以我无法达到这个效果。是的我可以做跨度，但我的评级包含ul，div等等，我会在其中有更多的标记。如果您检查chrome商店，您可以随时链接到该应用，同时达到评级。他们将所有元素放在标记内，但页面验证没有看到它。所以在我看来，正在使用js加载或？

谢谢！

Answer 1

在构建效果一段时间之前，您应该忘记验证。让它与您需要的标记一起使用，然后您可以坐下来拿走那些通过javascript验证并注入的内容。

mootools有一个很棒的Element构造函数。

new Element("a.linktoinfo[html=Info]").inject(element);

您可以通过构造函数选项对象将任何属性传递给它。

例如

new Element("a", {
    "class": "foo",
    "href": "#",
    "events" : {
        click: function() {
            showInfo(this.getParent());
        }
    }
}).inject(element.getElement("a.link", 'after');

等等。

顺便说一下，当你变形类时，只要确保它变形你不同的属性。在您的情况下，使.myInfoOn / .myInfoOff具有不同的高度是有意义的。在没有改变的其他值之间分配变形是没有意义的。

这种类型的变形会解析您在每个事件中传递的类中定义的所有css规则，实际上，最好手动设置它。如果硬连线，它会缩小，我意识到 - 但你可以在你的班级中设置变量。

复制chrome webstore元素效果

1 个答案: