Javascript jQuery点击没有结果

-1

这个问题肯定被问过一百万次，但是我找不到任何特定于我所困扰的东西。Javascript jQuery点击没有结果

看来我的<script>标签里面没有任何东西在工作，但我不知道为什么。

这里的设置：

<head> 
<meta name="viewport" content="width=device-width" /> 
<link href="~/Content/workflow.css" rel="stylesheet" /> 
<title></title> 

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
<script src="~/Scripts/ztree/js/jquery.ztree.all-3.5.min.js"></script> 

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"> 
     $(function(){ 
      $('#btn-cancel').click(function(){ 
       alert("Button click worked!"); 
      }); 
     }); 

</script> 
</head> 
<body> 
<div class="text-center" style="margin:20px 0 0 60%;"> 
     <input type="button" class="form-btn" id="btn-cancel" value="Cancel" style="margin-right:50px" />     
    </div> 
</body>

还有一些其他位，脚本和HTML的蝙蝠在里面，但整洁我已经离开他们。总体布局如上所示。

单击取消按钮不起作用。

我已经试过了各种按钮，单挑出各种位，删除了整个脚本等部分，并没有任何工作，所以我认为脚本部分本身在某些方面设置错误。

任何指导非常赞赏。

干杯！

来源

2017-08-14 Stuart Aitken

你不能把内嵌的JavaScript具有src属性的脚本标签中 - 中内联脚本被忽略 - 请参阅[文档]（https://developer.mozilla.org/en/docs/Web/HTML/Element/script#attr-src） –

您正在调用该库两次 –

只是删除'src = “〜/ Scripts/jquery-1.10.2.min.js”'从你的内联scr ipt –

在您的最后一个脚本代码，则应更换此

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript">

与此：

<script type="text/javascript">

所以，你的自定义脚本标记应看起来像这样：

<script type="text/javascript"> 
$(function(){ 
    $('#btn-cancel').click(function(){ 
     alert("Button click worked!"); 
    }); 
}); 
</script>

来源

2017-08-14 04:11:12 Aydin4ik

你可能会注意到''也是第一个加载的脚本：p –

哈哈哈，编辑:) – Aydin4ik

感谢您的注意，我正在使用的代码是一个主要项目的一部分，所以很多内容我看到的是一个复制粘贴的工作，结果发现问题比我意识到的要深一点，该按钮位于“Ajax.BeginForm（）”部分，这对我来说是全新的，所以我没有认为它与基本的按钮点击有很大的关系，结果证明这是问题，现在它已经全部修复了，对于我的问题的全新性质我抱有歉意，我刚刚开始了一个新的工作，作为一名实习生/受训者，还是很新的到网络开发的大部分领域.. –

而是执行此操作：

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
     $(function(){ 
      $('#btn-cancel').click(function(){ 
       alert("Button click worked!"); 
      }); 
     }); 
</script>

来源

2017-08-14 04:10:44 kjsebastian

Add type =“text/javascript”属性是ocd-patient-friendly，:) – tibetty

@tibetty同意：D – kjsebastian

“HTML5规范敦促作者省略属性，而不是提供[原文]多余的MIME类型” - https： //developer.mozilla.org/en/docs/Web/HTML/Element/script#attr-type - 即不要使用'type'作为javascript脚本 –

您不能添加这样

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"> 
    $(function(){ 
     $('#btn-cancel').click(function(){ 
      alert("Button click worked!"); 
     }); 
    }); 

</script>

变化成

<script> 
    $(function(){ 
     $('#btn-cancel').click(function(){ 
      alert("Button click worked!"); 
     }); 
    });

，并删除<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript">，因为你已经在第一个定义它。

你的代码看起来应该是这样

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
<script src="~/Scripts/ztree/js/jquery.ztree.all-3.5.min.js"></script> 

<script> 
    $(function(){ 
     $('#btn-cancel').click(function(){ 
      alert("Button click worked!"); 
     }); 
    }); 

</script>

而且除了我更喜欢使用onclick()与按钮，

<input type="button" class="form-btn" id="btn-cancel" value="Cancel" style="margin-right:50px" onclick="BtnClick()"/> 

function BtnClick(){ 
    alert("Button click worked!"); 
}

来源

2017-08-14 04:21:33

你的第一个脚本标签缺少'>' – NewToJS

感谢您的注意，更新了:) –

Javascript jQuery点击没有结果

回答

相关问题