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點擊沒有結果

回答

相關問題