Question

我使用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步骤与Zoom Master很好地配合，或者是否有另一个缩放插件可以与jQuery Steps一起使用？

Answer 1

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

使用jQuery步骤缩放图像？

1 个答案: