使用jquery的javascript函數沒有被調用

Question

我在一個ASP.NET項目中工作，我試圖使用attr函數，當我在script標簽中將jquery文件的src放入src時，我通過c＃代碼調用該函數時，該函數沒有被調用。

 <script type ="text/javascript" src="jquery-3.1.1.min.js">
    $(document).ready(function () {
        function startGame(path) {
            alert(path);
            $("#test").attr("style", "color:Blue");
            $("#game_param").attr("value", path);
            $("#game_embed").attr("src", path);
        }
    });   
</script>

我試圖寫一個簡單的javascript功能

<script type ="text/javascript" src="jquery-3.1.1.min.js">
    function startGame(a) {
        alert(a);
    }
</script>

也沒有被稱為

在這兩種情況下，我都會收到未定義startGame的錯誤消息。 有人可以向我解釋我做錯了什么嗎？

Answer 1

您需要將jQuery源代碼與自定義代碼分開添加。 否則，我相信腳本標記內的內容將被忽略。

 <script type ="text/javascript" src="jquery-3.1.1.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function () {
    var p = 'here/is/my/path';
    function startGame(path) {
        alert(path);
        $("#test").attr("style", "color:Blue");
        $("#game_param").attr("value", path);
        $("#game_embed").attr("src", path);
    }
    startGame(p);
 });
 </script>

Answer 2

您的Javascript不正確。

當您這樣做時：

<script type ="text/javascript" src="jquery-3.1.1.min.js">
  function startGame(a) {
    alert(a);
  }
</script>

您正在將JavaScript文件的源設置為jQuery JS文件。 如果要定義自己的函數，則必須將其放在自己的script標簽中，如下所示：

<script type ="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    function startGame(a) {
        alert(a);
    }
</script>

Answer 3

您實際上有多個錯誤。

1. 瀏覽器將忽略在具有src屬性的script標簽內編寫的任何javascript。 因此，您需要單獨包含jQuery，如下所示：

    <script type ="text/javascript" src="jquery-3.1.1.min.js"></script> <script> // Your code here. </script> 

2. 您永遠不會真正調用該函數，而只是聲明它們。 如果只使用一次，則甚至不需要一個函數：

    <script type ="text/javascript" src="jquery-3.1.1.min.js"></script> <script> $(document).ready(function () { alert(path); $("#test").attr("style", "color:Blue"); $("#game_param").attr("value", path); $("#game_embed").attr("src", path); }); </script> 

   否則，您需要像這樣聲明后調用該函數：

    $(document).ready(function () { function startGame(path) { // Your code } startGame(); }); 

函數聲明與表達式