通过javascript从视图渲染页面

Question

我想在点击特定div时呈现页面。

为此我写的div为：

<div id="idFlip" onclick="javascript:renderPages();">
-----------content---------------------
</div>

编写的javascript函数为：

function renderPages() 
    {
        alert("Inside");

        @RenderPage("~/Views/PP/Teacher_Observation.cshtml");    
    }

但它在页面本身加载时向我显示该页面。（即向我显示当前的两个视图和Teacher_Observation.cshtml

它没有显示我的div点击。

我该怎么办？

请帮帮我。

我想通过javascript函数点击div来渲染页面

Answer 1

您可以在隐藏的div中呈现页面加载视图，例如：

<div id="idFlip">
     <div id="i-am-the-view" style="display:none">
          I am some hidden content
     </div>
</div>

然后在Javascript / jQuery中：

$(document).ready(function(){
    $('#idFlip').click(function(){
         $('#i-am-the-view').toggle(); 
    });
});