0

我在这个原型上苦苦挣扎。基本上我使用的是 Magentogo，它使用原型框架，在我的产品页面上有一个尺寸指南的链接，我需要做的是为此创建一个弹出模式，以便用户留在页面上。

<span class="widget widget-cms-link"><a href="/size-guide" title="Size Guide">
  <span>Size Guide</span>
 </a>
</span>

我需要做的是找到跨度“widget widget-cms-link”，然后用我可以用来激活模式弹出窗口的按钮替换链接。我可以在 JQuery 中做到这一点，但它与原型冲突。请问有谁有过Prototype的经验吗？

干杯

Ĵ

4

2 回答 2

0

这会吗？

​$$('.widget.widget-cms-link').each(function(el) {
    el.down('a').replace(new Element('button', {
        'class' : 'widget-button'        
    }).observe('click', function() {
        alert('you clicked on me');
    }).update('Your New Button'));
})​;​

请记住，因为$$返回一个Enumerable，它可以返回倍数，因此我使用的是each. 如果您只想引用一个链接，请给它一个 id 或确保widget-cms-link页面上只有一个 s。

在这里摆弄

于 2012-08-30T13:38:06.883 回答
0

如果您比原型更熟悉 jQuery，那么您可以尝试使用 noConflict 模式并运行您的 jQuery 函数。

只需在 jQuery 文件末尾添加 jQuery.noConflict() （或将此代码插入到单独的文件中，并将其包含在主 jQuery 文件之后）。

完成后，你应该可以使用 jQuery 了，只需要记住在jQuery你的 jQuery 函数中使用关键字，而不是$.

于 2012-09-11T11:45:23.900 回答