jquery - 链接 onclick 没有在 jQuery 中触发

Question

这是我的 HTML 的摘录：

<section id="order">

                 <div id="warenkorb-button" class="warenkorb-bg-color"><a id="wk-btn-a" href="#warenkorb">zum Warenkorb hinzuf&uuml;gen</a></div>

         </section>

那是我的 JavaScript：

$(function() {
                 $(document).on('click', '#warenkorb-button a', function(xyz){
                              alert('test');
                              xyz.stopImmediatePropagation();                                   
                              });
});

那不起作用/触发-如果我像这样重写它，它正在起作用：

$(function() {
                 $('#warenkorb-button a').on('click', function(xyz){
                              alert('test');  
                              xyz.stopImmediatePropagation();  
                              });
});