Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

Pellegrino priority asked 4 days ago


I don't understand why the event isn't intercepted. I don't understand why the event is not intercepted. everything seems correct var tst =null;
$(document).ready(function(){ var eltoast = document.getElementById('tst'); tst = mdb.Toast.getOrCreateInstance(eltoast); console.log(tst);

            $('#chiudi').click(function(){
                tst.hide();
            }); 
            $('#apri').click(function(){
                tst.show();
            });     
            $(tst).on('hidden.mdb.toast',function() {
                alert('ddd');
            });

        });

Kamila Pieńkowska staff answered 2 days ago


Please, switch your listener to:

  $(document).on('hide.bs.toast',function() {
    alert('ddd');
  });

It will work.


Pellegrino priority answered 2 days ago


I attach the complete code. According to your API documentation of the TOAST object the event should be captured on "hide.mdb.toast"

ananan

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
<link href="jquery/MDB8/css/mdb.min.css" rel="stylesheet"/>
<script  src="jquery/jquery-1.11.0.min.js"> </script>

</head>

MDBootstrap 11 mins ago
    <div class="toast-body">Hello, world! This is a toast message.</div>
</div>
<button id="chiudi" class="btn btn-primary">CHIUDI</button>
<button id="apri" class="btn btn-danger">APRI</button>

    <script>

        var tst =null;

        $(document).ready(function(){
            var eltoast = document.getElementById('tst');

            tst = mdb.Toast.getOrCreateInstance(eltoast);
            console.log(tst);




            $('#chiudi').click(function(){
                tst.hide();
            });

            $('#apri').click(function(){
                tst.show();
            });

            $(tst).on('hide.mdb.toast',function() {
                alert('ddd');
            });

        });

    </script>
    <script type="text/javascript"  src="jquery/MDB8/js/mdb.umd.min.js"> </script>

</body>


Kamila Pieńkowska staff answered 3 days ago


Please craete a snippet that demonstrates the issue. A HTML part is needed aside of JS. And describe what actions you expect and what you get instead.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 8.1.0
  • Device: pc
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No