javascript - PHP 页面加载后，我无法动态更改 javascript 中的值

Question

在下面的代码中，我想用 slider 更改初始值。 slider 可以工作，但它不会改变 timeout 的值。 ，显示在$('ul.<?php echo $this->session->userdata('username'); ?>').innerfade({下线。

slider的值在线$('#ex1').on('slide', function(slider)等于 input-form 属性 data-slider-value 的值这是 100。

现在，当我开始调整输入 slider 时，它会将属性从初始值 100 更改为用户滑动到的任何值。

但问题是， slider 不会更改 jquery 代码内的值...

<小时/>

为了更清楚地说明:

在 JS 代码中，声明了变量“value”，但尚未初始化为值。

然后将变量“value”分配给“slider.value”

因此，逻辑结论是“超时”变量应根据 slider 输入的值动态更改。

<!-- Start slider -->
<p>
    <input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="1000" data-slider-step="1" data-slider-value="100"/>
</p>

<script type="text/javascript">
    $(document).ready(
    function(){
        var value;

        $('#ex1').slider();
        $('#ex1').on('slide', function(slider)
        {
            value = slider.value;
        });

        $('ul.<?php echo $this->session->userdata('username'); ?>').innerfade({
            speed: 0,
            timeout: value,
            type: 'sequence',
            containerheight: '480px'
        });
    });
</script>

Answer 1

很正常，你的动画已经制作完成了。您必须重新制作动画，或者更好地更改选项。

编辑:

有这个想法(不确定语法是否正确):

//make it
var usernameInnerFace = $('ul.<?php echo $this->session->userdata('username'); ?>').innerfade({
    speed: 0,
    timeout: value,
    type: 'sequence',
    containerheight: '480px'
});

//change it
usernameInnerFace.options['timeout'] = new_value;