使用 php 添加的 Jquery UI 滑块。尝试显示每个值

Question

我正在尝试加载正在调整大小并使用 PHP 加载的图像文件夹。我现在正在尝试显示唯一的文本框，其中滑块的值将按原样显示。

以下是我的尝试。除了正确链接到每个滑块的唯一框外，我一切正常。这也是我刚刚添加的实时页面！ http://go3dexpansion.com/showings/generatesim/

* 顺便说一下，上面的实时页面可能会发生变化，因为在我们发言时我仍在努力！ :) **

<script>
$(function() {
    $(".slider").each(function() {
        $(this).slider({ 
            value:0,
            min: 1,
            max: 360,
            step: 1,
            slide: function( event, ui ) {
                var v = this.id
                $(v).each(function(){
                    $(this).val( ui.value );
                });
            }
        });
  });
});
</script>
<?php 
    $dirname = "panos/";
    $images = glob($dirname."*.jpg");
    foreach($images as $image) {
        echo '
        <img src="resize.php?w=450&amp;img='.$image.'" />
        <input type="text" id="',$image,'" />
        <br />
        <div style="width:450px" id="',$image,'-slider" class="slider"></div>
        ';
    }
?>

Answer 1

<input type="text" id="',$image,'" />

应该是

 <input type="text" id="'.$image.'" />