0

我有一个使用jQuery Steps创建的“向导” ，并且正在尝试添加缩放图像的功能（单击、悬停等），但由于 jquery.steps.js 而遇到问题。

具体来说，我正在尝试实现：jQuery Zoom。虽然我没有与任何特定的缩放插件结婚，但如果有人知道另一个可以使用 jQuery Steps 的插件。

我将代码添加到我的“向导”div 中的一个部分中：

<div id="wizard">
    <h2>Attach Strap</h2>
    <section>
        <img src="img/current-number-1.png" class="wizard-number" alt="Step 1" /><!-- zoom image --><span class='zoom' id='ex1'><img src="img/assembly-step-2.jpg" height="538" width="555" /></span><!-- zoom image -->
    </section>
</div>

但是 jQuery Steps 'jquery.steps.js' 文件的以下几行似乎以某种方式覆盖或干扰（诚然，我的 JS 技能不够熟练，不知道如何重写它，所以它会起作用）：

var contentContainer = wizard.find(".content"),
        header = $(format("<{0}>{1}</{0}>", options.headerTag, step.title)),
        body = $(format("<{0}></{0}>", options.bodyTag));

如果我删除最后一行 ( body = $(format("<{0}></{0}>", options.bodyTag));)，缩放效果很好，但这当然会破坏向导。

有谁知道如何让 jQuery Steps 与 Zoom Master 很好地配合使用，或者是否有另一个可以与 jQuery Steps 一起使用的缩放插件？

4

1 回答 1

0

我会把它留在这里，以防其他人遇到同样的问题，但我可以通过在加载 jquery.steps.js 之前加载 jquery.zoom.js 文件来让缩放工作——问题已解决

于 2014-01-14T18:27:21.747 回答