javascript - Jquery 插件 slider 功能未显示在摘要中

标签 javascript jquery html css

我有一个用于计算的 Jquery 插件。除了一个功能没有触发外,该插件几乎可以完美运行。

在此FIDDLE您将在右侧看到一个标题为“摘要”的黄色框。摘要在右侧列出了与事件不同的元素。右侧的所有事件,除了标题为“Slider”的事件之外,都正确地在右侧的黄色摘要框中列出了自己,如您在此屏幕截图中所见: enter image description here

如果它工作正常,它看起来像这样:

enter image description here

以下代码用于显示 slider ,o-4f-4 用于告诉 Jquery 插件显示它在黄色摘要框中:

<div class="sub-option o-4 o-slider" data-type="slider">
    <div class="well">
        <p><strong>Slider: </strong></p>
        <input class="i-slider" type="number" id="f_4" name="f_4" data-slider="true" value="3" min="0" max="10" step="1" data-cost="2"/><span class="staticPrice"><span class="hypen"> - </span>$2 AUD per unit</span>
    </div>
</div> 

除了我在上面粘贴的 html 之外,内联 jquery 脚本需要添加它才能工作,您会看到 f_4 说 Slider:

"items": {
    "f_1": "Balances",
    "f_2[]": "Card Balances",
    "f_3[]": "Program Fee",
    "f_4[]": "Slider",
    "f_5[]": "Monthly Maintenance",
    "f_6[]": "Total Montly Fees",
    "q_1": "Percentage Rate",

最后,这里是插件的工作演示脚本的链接,您会看到它们还有一个 slider ,它会正确显示在右侧的黄色摘要框中。 http://preview.benmartinstudios.com.au/jquery-price-calculator-pro/all-inputs.html

最佳答案

更新:解决了,试试下面的 fiddle

Fixed Fiddle

// old code was
"f_4[]": "Activation fee",
// change to
"f_4": "Activation fee",

这是有效的,因为这个特定的变量只是一个数字,而不是像其他列表一样的下拉列表。这就是为什么其他人需要在它后面加一个 [],因为它表示一个数组,而激活费是一个整数。

关于javascript - Jquery 插件 slider 功能未显示在摘要中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21083087/

相关文章:

javascript - 绝对定位时 IE 中的工具提示闪烁

Javascript原型(prototype),如何访问原型(prototype)函数

javascript - 在页面上提交表单而不刷新

jQuery:计算类的唯一出现次数

javascript - 如果条件正确,为什么序列不起作用?

javascript - 从浏览器扩展覆盖 JavaScript 函数

jquery - 使用 map 限制 jquery ui 自动完成结果的正确方法

javascript - HTML Bootstrap 表单 : how to add spacing between elements, 增加文本区域的大小?

html - 良好边距和 100% 宽度的 Bootstrap 代码

javascript - 更改元素滚动宽度