Question

下面是我的代码我除了动态地将滑块链接到每个输入字段外，一切正常。这是我的live page

<?php $dirname="panos/" ; $images=g lob($dirname. "*.jpg");
foreach($images as $image) {
    $imageName=s ubstr($image, -14); echo '
    <img src="resize.php?w=450&amp;img='.$image. '" />
    <input    id="'.$imageName. '-slider"/>
    <br />
    <div style="width:450px" id="'.$imageName. '" class="slider"></div>
'; } ?>
<script>
    $(function () {
        $(".slider").each(function () {
            $(this).slider({
                value: 0,
                min: 0,
                max: 360,
                step: 1,
                stop: function (event, ui) {
                   var v = $(this).attr('id')
                   var n = $(this).slider('value')
                   $("#" + v + "-slider").val(n);
                   window.alert(v)
               },
               create: function (event, ui) {
                   var v = $(this).attr('name')
                   var n = $(this).slider('value')
                   $("#" + v + "-slider").val('0');
               }
           });
       })
    });
</script>

Answer 1

了解它！ PHP提取的文件中间有“.jpg”！即使它是一个有效的ID名称，它最终弄乱了它的jquery部分！我刚刚做了这个

$imageNameLong = substr($image, -14);
$imageName = substr($imageNameLong,0 , -4);

并取消了“.jpg”，现在它完美无瑕!!!

使用PHP生成的输入的JQuery Slider值

1 个答案: