Question

我想知道如何创建一个隐藏链接的函数("#Ajouter) 并仅在我使用jQuery点击$(document).ready(function(){ $(".Ajout").click(function(){ $(".Supprimer").tog; }); });时显示。

这是我的小页：

/////// JQUERY ////////////

        {% for produit in p %}
        <tr>


            <td>{{ produit.nomProduit }}</td>
            <td>{{ produit.prix }}</td>
            <td>{{ produit.quantite }}</td>
            <td>{{ produit.description }}</td>

            <td><a href="{{ path('produit_modifier',{'id':produit.idProduit} )}}">modifier</a></td>
  <td><a  href="{{ path('produit_supprimer',{'id':produit.idProduit} )}}" class="Supprimer">supprimer</a>
         <a  href="{{ path('Ajout_Panier', {'id':produit.idProduit}) }}"class="Ajout">add to panier</a> </td>

        </tr>

    {% endfor %}

目标链接

System.ArgumentException

Answer 1

如何在Twig中使用jQuery - 只需将您的Javascript代码放在<script>标记内。没什么特别的。

<script>
  $(document).ready(function() {
    // Store link with class `Supprimer` to a variable
    var $Supprimer = $('.Supprimer');

    // Hide it
    $Supprimer.hide();

    // Show it when the link with class `Ajout` is clicked
    $('.Ajout').on('click', function(e) {
        e.preventDefault();
        $Supprimer.show(); // You can instead use .toggle() here if you want to
    });
  });
</script>

e.preventDefault();表示当您点击类Ajout的链接时，您将无法重定向到链接指向的任何位置。如果您愿意，可以删除该行。

编辑：

您的代码中有$(".Supprimer").tog;。你可能想要这个：

$(".Supprimer").toggle();

我怎么能在树枝上使用jquery

1 个答案: