javascript - リンクのクリックなどのイベントでJquery内からJavascript関数を呼び出す方法は?

Question

テキストを表示するページがあります。そのテキストを非表示にして、誰かがリンク/ボタンをクリックしたときにのみ表示したい. 私はこれを使ってみました：

<script>
    function f()
    {          
      document.getElementById("line").focus();
      document.getElementById("help").innerHTML = helptext();
    }

    $(function(){
       $('p[id=help]').hide();
       $('a[title=showcmd]').click(function(){
            $('p[id=help]').slideIn();
            $(this).hide();
            f();
       });
    });

    </script>

しかし、それは機能していません。

Answer 1

Change:

$('p[id=help]').slideIn();

To

$('p[id=help]').slideDown();

There's no slideIn in jquery

Answer 2

コンソールが示すようにslideIn、jQuery には関数がありません。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'slideIn' がありません

テストされたコード:

function f()
    {          
      document.getElementById("help").innerHTML = "Trying out Jquery";
    }

$(function(){
   $('p[id=help]').hide();
   $('a[title=showcmd]').click(function(){
        $('p[id=help]').slideIn();
        $(this).hide();
       f();
   });
});

slideUpまたはslideDown、またはおそらくfadeInを使用したいと思います。

今後の問題については、開発者コンソールを確認することをお勧めします。ほとんどの場合、コード内の正確な場所を明確に示すエラー メッセージが常に表示されます。

Answer 3

うまくいかない場合は、以下のようにクリック イベントを防止してみてください。

<script>
    function f()
    {          
      document.getElementById("line").focus();
      document.getElementById("help").innerHTML = helptext();
    }

    $(function(){
       $('p#help').hide();
       $('a[title=showcmd]').click(function(e){
            e.preventDefault();
            $('p#help').slideDown('slow');
            $(this).hide();
            f();
       });
    });

    </script>

Answer 4

slideDown()の代わりに使用slideIn()