Question

好的，这是我到目前为止所得到的：

首先，到这里看看我想描述的内容： http://pcnow.org/testing/

我想做的是：有人去了上面的网站，想知道他们用自己厨房里的东西做什么样的三明治。因此，从上面的例子中，他们将选择他们所拥有的面包片数量，选择他们拥有的午餐肉片数量，然后点击提交按钮。

至少在我看来，这是多么棘手的是，我希望它是随机的，这就是我遇到障碍的地方。我不希望同一个用户一遍又一遍地获得相同的三明治，因为即使它们可能具有相同的成分，他们也可能想要一种新的最终产品选择。因此，当他们选择他们有多少片面包和午餐肉时，而不是“内容”容器说“初始页面加载内容会在这里......”它会说“有了这些成分，你可以制作这个三明治，这个三明治“

所有这些漫无边际，这甚至可能吗？

我不能为我的生活弄清楚将代码粘贴到这个地方，这很棘手，也很抱歉。

Answer 1

好的，我写了一个代码示例供您查看，看看它是否适合您。

我使用了一个JqueryUI Slider组件，它接受一个范围，每次用户访问该页面时都会随机选择一个范围。尝试多次运行该示例，看看这些值几乎不会发生。

首先，为范围生成随机数：

var minVal = 100;
var maxVal = 1000;
var randomMin = Math.random() * 400 + minVal;
var randomMax = Math.random()*400 + (maxVal - minVal);

然后编写滑块更改事件侦听器：

$(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: minVal,
      max: maxVal,
      values: [randomMin, randomMax],
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
      " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});

以下是示例的完整网址：jQUery UI Slider with Random Range Values

jQuery滑块和更改div容器内容

1 个答案: