javascript - MVC 5 javascript 未触发

Question

我嵌入 View 中的任何 JavaScript 都不会触发。虚拟示例代码

<a href="javascript:getView();" name="something" id="something">click me </a>

<div id="AddAY"></div>


<script type="text\javascript">
    function getView()
    {
                $('#AddAY').load('/schools/details/2');
     };


</script>

当页面渲染时，结果是:

<a href="javascript:getView();" name="something" id="something">click me</a>

<div id="AddAY"></div>


<script type="text\javascript">
    function getView()
    {
                $('#AddAY').load('/schools/details/2');
     };


</script>


    <script src="/Scripts/jquery-2.1.1.js"></script>

    <script src="/Scripts/jquery-ui-1.11.1.js"></script>

    <script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>

当您单击该链接时，它不会执行任何操作。

Answer 1

不要将 anchor 标记 href 放入函数的值 (javascript:getView();)，而是将代码替换为以下代码:

<a href="#" name="something" id="myFunction">click me </a>

<div id="AddAY"></div>


<script type="text\javascript">
  
    $('#myFunction').click(function(){

         $('#AddAY').load('/schools/details/2');
  
    });
  


</script>

jsfiddle demo