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生成输入

回答

相关问题