0
votes

JQuery appends ne fonctionne pas; "Veuillez supprimer les nouvelles lignes et encoder moins que des caractères ..." Une erreur a été lancée à F12

J'essaie d'ajouter un code HTML à l'aide de JQuery. F12 jette une erreur disant que J'ai déjà vérifié si ma syntaxe de jQuery avait des erreurs dans. Voici le code JQuery p>

[Deprecation] Resource requests whose URLs contained both removed whitespace (`\n`, `\r`, `\t`) characters and less-than characters (`<`) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources. See https://www.chromestatus.com/feature/5735596811091968 for more details.

jquery html

0 commentaires

3 Réponses :

0
votes

Vous devriez essayer d'utiliser cette citation `` car cela peut contenir un texte en ligne et multiligne, tandis que cette citation "" forte> ne peut conserver que le texte ou le texte qui n'est pas trop gros comparé à la Texte que vous essayez d'ajouter.

J'utilise jQuery -Version 3 + code> et ce code fonctionne bien pour moi car je fais ce qui suit. P>

$(document).ready(function(){
    $("#perGroup_add").click(function(){
        $("#perGroup_container").append(`<div class='form-group row'> <div class='col-sm-4 mb-3 mb-sm-0'> <input type='text' name='packres_categories_paxgroup_data' class='form-control form-control-user' placeholder='Package Size' required> </div> <div class='col-sm-4 mb-3 mb-sm-0'> <input type='text' name='packres_categories_paxgroup_consumable_data' class='form-control form-control-user' placeholder='Package Price/Consumable' required> </div> <div> <a class='btn btn-danger btn-sm'> <i class='fa fa-trash' aria-hidden='true'> </i> </a> </div> </div>`);
    });
});

0 commentaires

0
votes

J'ai trouvé votre problème.

Jetez un coup d'oeil, c'est votre HTML Markup code> problème. Vous avez écrit un Cliquez sur CODE> Fonction sur un SPAN CODE> où votre Cliquez sur CODE> ne déclenche que l'ancre. p>

SET ID code> à l'ancre et écrivez une fonction click pour cela. P>

Ici, j'ai écrit que vous avez écrit pour vous dans le Code Snippet . J'ai ajouté e.preventdefault () code> pour arrêter votre défaut href code> appel de l'ancrage. P>

Jetez un coup d'oeil, voir si c'est digne p>

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="perGroup_container">
            <div class="form-group row">
                <div class="col-sm-4  mb-3 mb-sm-0">
                    Per Group
                </div>
            </div>
            <div class="form-group row">
                <div class="col-sm-4 mb-3 mb-sm-0">
                    <a href="update_stud.php<?php echo '?$id='.$id; ?>" id="perGroup_add" class="btn btn-info btn-sm">
                        <span class="fa fa-plus" aria-hidden="true"></span> Add More Row
                    </a>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-sm-4  mb-3 mb-sm-0">
                    <input type="text" name="packres_categories_paxgroup_data" class="form-control form-control-user" placeholder="Package Size" required>
                </div>
                <div class="col-sm-4 mb-3 mb-sm-0">
                <input type="text" name="packres_categories_paxgroup_consumable_data" class="form-control form-control-user" placeholder="Package Price/Consumable" required>
                </div>
                <div class="">
                    <a href="del_stud.php<?php echo '?$id='.$id; ?>" class="btn btn-danger btn-sm">
                        <i class="fa fa-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>

0 commentaires

0
votes

Vous enveloppez avec code> et il tente de rediriger, remplacez-le par balise et que l'annexe fonctionnera

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<hr class="sidebar-divider">
            <div id="perGroup_container">
                <div class="form-group row">
                    <div class="col-sm-4  mb-3 mb-sm-0">
                        Per Group
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-4 mb-3 mb-sm-0">
                           <button id="perGroup_add" class="fa fa-plus" aria-hidden="true">Add More Row</button> 
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-4  mb-3 mb-sm-0">
                        <input type="text" name="packres_categories_paxgroup_data" class="form-control form-control-user" placeholder="Package Size" required>
                    </div>
                    <div class="col-sm-4 mb-3 mb-sm-0">
                    <input type="text" name="packres_categories_paxgroup_consumable_data" class="form-control form-control-user" placeholder="Package Price/Consumable" required>
                    </div>
                    <div class="">
                        <a href="del_stud.php<?php echo '?$id='.$id; ?>" class="btn btn-danger btn-sm">
                            <i class="fa fa-trash" aria-hidden="true"></i>
                        </a>
                    </div>
      	        </div>
            </div>

0 commentaires