JQuery滑塊值與PHP生成輸入

以下是我的代碼我有一切工作，除了動態鏈接到每個輸入字段的滑塊。這裏是我的live page JQuery滑塊值與PHP生成輸入

<?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>

來源

2013-03-06 GO3DExpansion

請發佈生成的HTML。 – j08691 2013-03-06 21:00:01

您可以在我的實時頁面上查看源代碼以查看生成的HTML – GO3DExpansion 2013-03-06 22:22:33

圖出來了！由PHP獲取的文件在它的中間有「.jpg」！即使這是一個有效的ID名稱，它最終搞亂了它的jQuery部分！我只是這樣做

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

並摘下那個「.jpg」，現在它完美地工作！

來源

2013-03-06 23:59:55 GO3DExpansion

JQuery滑塊值與PHP生成輸入

回答

相關問題