0
私は、HTML、CSS & Javascriptを使用して書かれた切り替えボタンのコードを持っています。このコードの目的は、チェックボックスがオンの場合にhrefリンクを有効または選択することです。これはJSBin.comでうまくいきます。しかし、Linuxプラットフォームでフラスコサーバーを実行すると、チェックボックスがすぐにチェックされなくなり、ボタンが1秒間トグルしてオフの位置に戻ります。なぜこのようなことが起こるのか分かりません。ToggleボタンはJSbin上で動作しますが、フラスコサーバでは動作しません
代わりhrefで
$(function(){
$("input[type='checkbox']").change(function(){
var item=$(this);
if(item.is(":checked"))
{
$('#On').get(0).click();
}
else
{
$('#Off').get(0).click();
}
});
})
$(document).ready(function(){
//$("#Off").hide();
$("#On").click(function(){
$("#On").hide();
$("#Off").show();
});
$("#Off").click(function(){
$("#Off").hide();
$("#On").show();
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
</head>
<body>
<body>
<input type="checkbox" > <br/>
<h1>
<a href="/On" id="On" class="">ON</a>
</h1>
<h1>
<a href="/Off" id="Off" class="off_class">OFF</a>
</h1>
</body>
</body>
</html>
今、コードが正常に動作している..しかし、Pythonのフラスコは、HREFタグから状態を検出するために失敗しました。私が '/'フラスコを使用する場合、フラスコはHTMLから状態を識別し、いくつかの条件を実行しますが、UIではトグルボタンが機能しません。もう一つの手で、もし私が '＃'を使用すると、トグルボタンはうまく動作しますが、フラスコはhref状態を読み取っていません。あなたは解決策を提案できますか？ –
実際に私はPythonを知らないので、私はあなたを助けることができません。 –