Discussion :

[nlefebvre1]

Bonjour,

Je n'arrive pas a stopper la propagation sur la modal voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
$('.pdf-id').click(function (e) {
                e.preventDefault();
                jQuery.noConflict();
                var id = $(this).attr('id');
                var modal = $('#confirmModal');
 
                modal.find('.confirmModalTitle').text("{{ 'accreditation.list.modal.envoyer.title'|trans }}");
                modal.find('.confirmModalBody').text("{{ 'accreditation.list.modal.envoyer.body2'|trans }}");
                modal.modal('show');
                modal.on('click', '.confirmModalLink', function (e) {
                    e.preventDefault();
                    console.log(id);
                    modal.modal('hide');
                    console.log(3);
                    var url = Routing.generate('admin_accreditation_generate_pdf_vip', {id: id});
 
                    $.ajax({
                        type: 'Post',
                        url: url,
                        beforeSend: function (data) {
 
                            var modal = $('#progress')
                            modal.modal();
                            modal.find('.modal-footer').hide()
                            modal.find('.confirmModalLink').hide()
                            modal.find('.confirmModalBody2')
                                .html(`<div class="container">
                                   <div class="contentBar">
                                   <div id="block_1" class="barlittle"></div>
                                   <div id="block_2" class="barlittle"></div>
                                   <div id="block_3" class="barlittle"></div>
                                   <div id="block_4" class="barlittle"></div>
                                   <div id="block_5" class="barlittle"></div>
                                   </div>
                                   </div>`);
                            modal.modal('show');
 
 
                        },
                        success: function (data) {
 
                            var modal = $('#progress')
                            modal.modal('hide');
 
 
                        },   error: function (xhr, ajaxOptions, thrownError) {
                            var modal = $('#progress')
                            modal.find('.modal-footer').show()
                            var $body =    modal.find('.confirmModalBody').text(xhr.responseText);
                            modal.find('.confirmModalBody2').remove()
                            $('modal-footer frow').appendTo(   modal.find('.confirmModalLink').attr('href', $(this).attr('href')))
 
 
 
 
                        }
 
                    });
 
                });
 
 
 
            });

quand je rappel la modal avec un autre lien il garde le code ci joint en mémoire;
merci de votre aide

[Watilin]

Tu dois utiliser stopPropagation à la place, ou en plus de (selon ton besoin), preventDefault.

Attention à ton jQuery.noConflict() : il se trouve dans un gestionnaire d’évènement, ce qui implique qu’il risque fort d’être appelé plusieurs fois. Difficile de dire à quoi va ressembler la variable $ après ça. Pour éviter les comportements inattendus, assure-toi que noConflict n’est appelée qu’une seule fois, de préférence au début de ton code.