Javascriptを処理できないようです。

JSを動作させるのに問題があります。私は非常に基本的なもので失敗していると思います。私はJSを使って仕事をする必要がありますが、コードをコピーしても機能しませんし、時にはうまく動作します（かなりランダムな感じです）。Javascriptを処理できないようです。

たとえば、https://codepen.io/andreruffert/pen/vOVygBと似たものを入手する必要があります。今、もし私が最も簡単な形式で、それは仕事の種類（時々）、しかし、私は&（JSは自分のHTMLの頭に行く）からコードを貼り付けると、それはちょうど壊れて、私が間違っているかもしれないことのヒント？私は正しいJSファイルを特定して時にはうまくいくと思うのですが、jqueryのUIとrangelsiderを使って、ちょうど無作為になっています。上記のリンクから1：1は私のウェブサイトでは機能しません：

<head> 
    <script> 
     var $rangeslider = $('#js-amount-range'); 
     var $amount = $('#js-amount-input'); 
     $rangeslider.rangeslider({ 
      polyfill: false 
     }).on('input', function() { 
      $amount[0].value = this.value; 
     }); 
     $amount.on('input', function() { 
      $rangeslider.val(this.value).change(); 
     }); 
    </script> 
</head> 
<body> 
    <h1>Programmatic value changes</h1> 
    <br> 
    <br> 
    <input type="range" id="js-amount-range" value="0" min="0" max="100"> 
    <br> 
    <br> 
    <input type="number" id="js-amount-input" value="0" min="0" max="100"></input> 
    <span>.00 $</span> 
</body>

出典

2017-09-09 cata

ブラウザのコンソールにエラーがあります。 –

関連するライブラリを含める必要があります（ペンの中で、[設定]> [JavaScript]をクリックします）。また、CSSのものも含まれているかもしれません。 – Nick

私が言ったように関連するファイルを含めました。それらはロードされています。 JSエラーも見られません。 – cata

あなたのコードにjsライブラリをインポートする必要があります。

$(document).ready(function() { 
 
    var $rangeslider = $('#js-amount-range'); 
 
    var $amount = $('#js-amount-input'); 
 

 
    $rangeslider 
 
    .rangeslider({ 
 
     polyfill: false 
 
    }) 
 
    .on('input', function() { 
 
     $amount[0].value = this.value; 
 
    }); 
 

 
    $amount.on('input', function() { 
 
    $rangeslider.val(this.value).change(); 
 
    }); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.1/rangeslider.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.0/rangeslider.min.js"></script> 
 
<h1>Programmatic value changes</h1> 
 
<br> 
 
<br> 
 
<input type="range" id="js-amount-range" value="0" min="0" max="100"> 
 
<br> 
 
<br> 
 
<input type="number" id="js-amount-input" value="0" min="0" max="100"></input> 
 
<span>.00 $</span>

出典

2017-09-09 02:31:33

私は、上記のように...それはそれではない – cata

@cataそれは誰もが提供された情報で伝えることができます。おそらくあなたが言及していない同じページでも何か他のことをしているのかもしれません。 –

ライブラリをインクルードしましたが、関数呼び出し（答えの最初の行）がありませんでした。元のスニペットにも欠けていました。私はコードが関数呼び出しなしで奇妙に見える前に思ったが、まだ十分なJS構文を知らない。問題は解決しました、ありがとう！ :) – cata

Javascriptを処理できないようです。

答えて

関連する問題