jQueryの無効化要素は、機能をオフにするために使用されますか?

StackOverflow https://stackoverflow.com/questions/3610582

  •  26-09-2019
  •  | 
  •  

質問

同じことが「無効」とは、例えばチェックボックスを使用して機能をオフにするために使用することはできますか?どれでもそこに?

役に立ちましたか?

解決

私は、あなたが求めているもの、あなたが機能するためにクリックハンドラを割り当て、削除することもできます理解し、または線に沿って何かしている場合:

<script type="text/javascript">

    function toggleStatus() {
        if ($('#toggle').is(':checked')) {
            $('#alert').click(function() {
                hello();
            });

            $("#toggleLabel").text("on");

        } else {
            $("#toggleLabel").text("off");
            $('#alert').unbind('click');
        }   
    }

    function hello() {
        alert('hello');
    }

</script>

<form id="toggleForm">
    <label id="toggleLabel" for="toggle">off</label>
    <input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>

<a id="alert" href="#">Function</a>

-

アップデートます:

うーん、確かこれは理想的でない場合、これはあなたが探しているものを模倣する必要があります:

<script type="text/javascript">

    function toggleStatus() {
        if ($('#toggle').is(':checked')) {
            $("#toggleLabel").text("on");
            $("#alert").tipTip();
            $("#tiptip_holder").css('display', '');
        } else {
            $("#tiptip_holder").css('display', 'none !important');
            $("#toggleLabel").text("off");
        }   
    }

</script>

<form id="toggleForm">
    <label id="toggleLabel" for="toggle">off</label>
    <input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>

<a id="alert" href="#" title="This is a tooltip">Tooltip</a>

私はバインド解除などに探してみましたが、何も動作するように見えません。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top