私は、下を指している矢印を表示します。ユーザーがこれをクリックすると、ナビゲーションバーが表示されるという考えがあります。これまでのところうまくいきましたが、押しても値と回転が変わりました。ただし、値は変更されません。誰かが私が間違っていることで私を助けてくれますか?ありがとう!
スクリーンショット:
JS:関数の値を変更しても機能しません
0
A
答えて
3
<h3>
のための適切な「値」属性は、そう、それは私はあなたのコード内のいくつかの変更を行ってきたdropBut.value
では動作しませんでしたありません。..
var dropBut = document.getElementById("dropDownBut");
function dropDownMenu(){
console.log("hey");
console.log(dropBut.getAttribute("value"));
if(dropBut.getAttribute("value") === "downside"){
dropBut.style.transform = "rotate(270deg)";
dropBut.setAttribute("value","upside");
}
else if(dropBut.getAttribute("value") === "upside"){
dropBut.style.transform = "rotate(-270deg)";
dropBut.setAttribute("value","downside");
}
}
dropBut.addEventListener("click",dropDownMenu);
この1つはあなた
役に立てば幸い
0
ここではjQueryのを使用して何かです。
$('#dropdownButton').click(function(){
$('#dropdownButton').attr('value','up');//set with jquery
if($('#dropdownButton').attr('value')==='up')//compare value
{
alert("UP!");
}
if($('#dropdownButton').attr('value')==='down')//compare value
{
alert("DOWN!");
}
});
関連する問題
- 1. Jquery/AJAX関数が機能していません変更イベント
- 2. チェックボックスを変更しても機能は起動しません
- 3. jsのappendTo()関数が機能しませんでした
- 4. JS機能の変更値
- 5. 変更されたdeepEqual関数が機能しません
- 6. JS関数呼び出しは機能しません
- 7. ページングのページ変更を保存しても機能しません。値は保存されません
- 8. intオブジェクトと数値の値を比較しても機能しませんか?
- 9. JS clearTimeoutは、関数の外にあるvarを設定しても機能しません。
- 10. フォームから値を保存しても機能しません
- 11. Python関数の変数が機能しませんか?ここ
- 12. Format()関数が機能しません。
- 13. 関数 "header"が機能しません
- 14. fgets関数が機能しません
- 15. 関数の戻り値でフィルターが機能しません
- 16. PHPの静的関数は、ディレクトリが変更されても機能しません。
- 17. 追加メソッドを使用していてもShuffle Jsが機能しません
- 18. jsのギャラリーボタンが機能しません
- 19. Mongoose更新配列関数が機能しません
- 20. timeInterval変数が機能しません
- 21. 値渡しでも変数を変更する機能はありますか?
- 22. Intercat JSは機能しません
- 23. d3.js window.openが機能しません
- 24. JS postMessageは機能しません
- 25. Custombox(jsプラグイン)が機能しません。
- 26. の値をjs関数で変更しますか?
- 27. WIX機能ツリーのサブ機能を選択解除しても親コンポーネントのサイズは変更されません
- 28. jQueryのロード機能、他のJSは機能しませんか?
- 29. 関数内の変数によるPythonの渡しが機能しません
- 30. divを印刷するJS関数 - Chromeでは機能しませんか?
ここに該当するコードを追加してください。 – Satpal
ここにあなたのコードをコピーするか、フィドルにリンクしてください。 – maximelian1986