0

「slider」という名前のdivの「right」値を「span.display_value」内に表示しようとしています。

    var rightStyleValue = $('div.slider').css('right');
    alert(rightStyleValue); 
    $('.display_value').html(rightStyleValue);

更新：HTMLは以下に掲載されています。ドラッグアンドドロップスクリプトを使用して、「container」という名前のdiv内にある「slider」という名前のdivをドラッグしています。div「slider」の「right」プロパティが45pxに達したときに「何かを」実行させたい（理想的には、ユーザーが「slider」をその親「container」の右側までドラッグしたとき）

現在、ページが読み込まれると、cssで具体的に設定した値「Right：-10」が表示されます。そのため、一度表示されますが、「スライダー」divの表示値を更新し続ける方法がわかりません。

どこに置くかわかりません：$（'。display_value'）。html（rightStyleValue）; 継続的に更新してもらいます。

<head>
    <style>
        div.container {
        height:15px;
        width:200px;
        overflow:hidden;
        background-color:#858585;
        }

        div.slider {
        height:15px;
        width:20px;
        background-color:#000;
        position:relative;
        right:-10px;
        }
    </style>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>      
<script type="text/javascript" src="js/dragcopy.js"></script>  



<script>

    $().ready(function() {
        $('.slider').jqDrag();

        $('.slider')
        .jqDrag();
    });

    $(document).ready(function() {

        var rightStyleValue = $('div.slider').css('right');
        alert(rightStyleValue); 
    $('.display_value').html(rightStyleValue);  

    $(".slider").mousedown(function() {
        if ($('.slider').css('right') == -8 + "px") {
                $('.container').fadeOut('slow');
        } 

    });
    });




    </script>

</head>
<body>




    <div class="container">
        <div class="slider">

        </div>
    </div>
    <p>slider right:<span class="display_value"> </span></p>




</body>

4

3 に答える 3

2 
$('span.display_value').text($('div.slider').css('right'));

.html（）や.val（）ではなく、.text（x）を使用してください

于 2009-12-11T22:32:36.627 に答える
1

@IvanNevostruevは正しいと思います。もう1つの論理的なステップを提案するだけです。問題のコードは、正しいスタイル値を取得することと、それを別の要素に設定することの2つのことを行っています。

これらを2つの別々のステップに分割して、エラーの原因となっているものを見つける必要があります。

var rightStyleValue = $('div.slider').css('right');
alert(rightStyleValue);

$('span.display_value').val(rightStyleValue);

次に、問題の原因となっているアクションがわかったら、セレクターが機能していることをテストすることで、問題をさらに細かく分類できます。

alert($('div.slider'));

結果がnullまたは未定義の場合は、セレクターに問題があります。

@Ivanはおそらく正しいですが、HTMLが表示されない場合は、多くの問題が発生する可能性があります。それを分解することは常に私を助けます。

于 2009-12-11T22:28:40.513 に答える
0

cssメソッド呼び出しの後に余分なブレーサーがあるようです。valまた、に置き換える必要があると思いますtext。次に例を示します。

$('span.display_value').text($('div.slider').css('right'));
于 2009-12-11T22:25:06.360 に答える