使用html連接javascript函數

Question

我有連接我的js函數與我的html的問題應該有一個彈出在我的網站上，當我點擊我的按鈕，但沒有發生任何事情。

下面是代碼：

<script type="text/javascript"> 

            ConfirmDialog('Fik du solgt din genstand?'); 

            var solgtgenst = document.getElementById('solgtgenst'); 

            solgtgenst.onclick = function ConfirmDialog(message) { 
             $('<div></div>').appendTo('body') 
                 .html('<div><h6>'+message+'?</h6></div>') 
                 .dialog({ 
                  modal: true, title: 'Fik du solgt din genstand?', zIndex: 10000, autoOpen: true, 
                  width: 'auto', resizable: false, 
                  buttons: { 
                   Yes: function() { 

                    $('body').append('<h1>Confirm Dialog Result: <i>Yes</i></h1>'); 

                    $(this).dialog("close"); 
                   } , 
                   No: function() {                 
                    $('body').append('<h1>Confirm Dialog Result: <i>No</i></h1>'); 

                    $(this).dialog("close"); 
                   } 
                  }, 
                  close: function (event, ui) { 
                   $(this).remove(); 

                 }); 
             }; 
            </script> 

HTML

        <form> 
            <a class="btn btn-danger" href="delete/delete.product.php?product=<?php echo $encodeCodeProduct; ?>" id="solgtgenst" role="button" style="margin: 7px;">Slet</a> 
            </form> 

Answer 1

你搞砸了一點點。爲什麼<a>是內部形式？

您可以刪除表格，連同<a>標準按鈕，然後使用

function ConfirmDialog(message) { 
            $('<div></div>').appendTo('body') 
                .html('<div><h6>'+message+'?</h6></div>') 
                .dialog({ 
                 modal: true, title: 'Fik du solgt din genstand?', zIndex: 10000, autoOpen: true, 
                 width: 'auto', resizable: false, 
                 buttons: { 
                  Yes: function() { 
                   // $(obj).removeAttr('onclick');         
                   // $(obj).parents('.Parent').remove(); 

                   $('body').append('<h1>Confirm Dialog Result: <i>Yes</i></h1>'); 

                   $(this).dialog("close"); 
                  } , 
                  No: function() {                 
                   $('body').append('<h1>Confirm Dialog Result: <i>No</i></h1>'); 

                   $(this).dialog("close"); 
                  } 
                 }, 
                 close: function (event, ui) { 
                  $(this).remove(); 

                });          }; 
$('#solgtgenst').on('click', function(){ 
            ConfirmDialog('Fik du solgt din genstand?'); 
            });