脚本未在 Chrome 上运行 [关闭]答案

【问题标题】：script not running on Chrome [closed]脚本未在 Chrome 上运行 [关闭]
【发布时间】：2015-11-24 04:12:24
【问题描述】：

以下代码在 Firefox 上有效，但在 Chrome 上无效——脚本根本没有运行，甚至 ALERT 也没有。

这是为什么呢？

脚本应该从数据库中删除行并从屏幕上隐藏文章。

HTML

<article class="row" id="410">
    <a href='#' class="btn btn-default btn-xs left delButton" type="comment" delID="410" >DELETE</a>
</article>

<article class="row" id="411">
    <a href='#' class="btn btn-default btn-xs left delButton" type="comment" delID="411" >DELETE</a>
</article>

$(function() {

    $(document).on('click','.delButton',function() {
//  $(".delButton").click(function(){

        var element = $(this);

        var delID = element.attr("delID");
        var type = element.attr("type");

        var info = 'delID=' + delID + '&type=' +  type;
        alert (info);

        var check = confirm('DELETE?');
        if(check){

             $.ajax({
               type: "GET",
               url: "ajax/delete_element.php",
               data: info,
               success: function(data){
                    if (data)
                        $("#"+delID).animate({ opacity: "hide" }, "slow");
               }
             });     
         }

        return false;

    });

});

【问题讨论】：

打开页面时控制台是否显示任何 JavaScript 错误？
不，但我不确定我找对地方了...

标签： javascript php jquery google-chrome

【解决方案1】：

它确实在 chrome 上运行...

$(function() {

  $(document).on('click', '.delButton', function() {
    //  $(".delButton").click(function(){

    var element = $(this);

    var delID = element.attr("delID");
    var type = element.attr("type");

    var info = 'delID=' + delID + '&type=' + type;
    alert(info);

    var check = confirm('DELETE?');
    if (check) {

      $.ajax({
        type: "GET",
        url: "ajax/delete_element.php",
        data: info,
        success: function(data) {
          if (data)
            $("#" + delID).animate({
              opacity: "hide"
            }, "slow");
        }
      });
    }

    return false;

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article class="row" id="410">
  <a href='#' class="btn btn-default btn-xs left delButton" type="comment" delID="410">DELETE</a>
</article>

<article class="row" id="411">
  <a href='#' class="btn btn-default btn-xs left delButton" type="comment" delID="411">DELETE</a>
</article>

【讨论】：