0

symfony プラットフォーム用に単純な jquery をセットアップしようとしています。このhttp://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_pを実装して、すべてが正常に機能するかどうかを確認してください。

base.html.twig

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>{% block title %}TEST JQUERY{% endblock %}</title>
    {% block stylesheets %}{% endblock %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
</head>
<body>
    {% block body %}{% endblock %}
    {% block javascripts %}{% endblock %}
</body>
</html>

index.html.twig

{% extends '::base.html.twig' %}

{% block body %}

    <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $("p").hide();
            });
        });
    </script>


<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>


{% endblock %}

ページのソースを表示すると、構造は問題ないように見えますが、jquery は実行されていません。

4

3 に答える 3

2

含めているjQueryがGoogleのCDNに存在しません

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>代わりに使用してください。

version が必要な場合は、このリンクのjquery.com1.9.1から if を入手してください

于 2013-02-05T10:37:51.997 に答える
1

jquery 関数を変更して、これを試してください。

<script type="text/javascript">
    $(document).ready(function(){
        $("button").live('click', function(){
            $("p").hide();
        });
    });
</script>

アップデート

live は v1.7 以降は非推奨であるため、rrikeshが指摘しているように、これを使用することをお勧めします。

<script type="text/javascript">
    $(document).on("click", "button", function (){
        $("p").hide();
    });
</script>
于 2013-02-05T10:33:29.320 に答える
0

これはより良い解決策になる可能性があります：

<script src="{{ asset('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js') }}"></script>
<script><window.jQuery || document.write('<script src=\"\{\{ asset(\'../app/Resources/public/js/vendor/jquery-1.9.1.min.js\') \}\}\"><\/script>')</script>

そして、jquery-1.9.1.min.jsファイルをapp/Resources/public/js/vendor/ディレクトリにダウンロードします。

このようにして、クライアントは常にソースを取得します。

于 2013-10-21T23:23:09.407 に答える