-1

スライダーを選択して値を取得しようとしていますが、未定義がスローされます。スライダーとスライダーを含む折りたたみ可能オブジェクトの HTML コードは次のとおりです。

<div id=collapsible'+element[0].id+' class="collapsible_contains_slider" slider_id='+element[0].id+' data-role="collapsible-set" data-theme="a" data-content-theme="c">
    <div data-role="collapsible" data-collapsed="false">
        <h3 id="title_collapsible">'+image.pname+'</h3>

        <center>
            <div id=image_cesta><img src=data:imajpeg;base64,'+image.pimage+' alt="image"></div>
            <div data-role="fieldcontain"></div>
        </center>

        <fieldset data-role="controlgroup">Cantidad: <input type="range" class="sliderscesta" id=slider_into_collapsible slider_value='+element[0].id+' name="slider" value='+element[1].value+' min="0" max="100" data-highlight="true">
        </fieldset>

        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a id="delete_product_cesta_page" type="hidden" idproductecesta='+element[0].id+' data-role="button" data-theme="a"> Delete product</a>
            </div><div class="ui-block-b" id="reset_button_slider_cesta"></div>
        </div>
    </div>
</div>

<br><br>

ここに画像の説明を入力

そしてここで、スライダーを選択して値を取得するための私の Javascript コード:

$('#cesta_page').on( 'slidestop', function( event ) {
    button_delete_or_update($('#slider_into_collapsible').attr('slider_value'),'update');
});
4

1 に答える 1

0

次のコードを使用します。

$(document).on( 'slidestop', '[type="range"]',function( event ) {
    alert($(this).attr('slider_value'));
});

もちろん、属性を持つスライダーでも機能しますslider_value。属性のみを持つ要素で使用する場合は、これを使用しますslider_value。

$(document).on( 'slidestop', '[type="range"]',function( event ) {
    if($(this).attr('slider_value').length > 0) {
         alert($(this).attr('slider_value'));
    }
});
于 2013-05-23T17:27:08.573 に答える