3

我有一个部分视图，需要在页面底部添加一些 javascript。

主页面：

...some html...
<div>
@Html.Partial("_myPartial")
</div>

....more html....

//required JS at BOTTOM -  THIS should also come from above partial
@RenderSection("scripts", required: false)

我的部分观点：

<div id="Slider">
    <img src="http://placehold.it/1000x400&text=[img 1]" />
    <img src="http://placehold.it/1000x400&text=[img 2]" />
    <img src="http://placehold.it/1000x400&text=[img 3]" />
    <img src="http://placehold.it/1000x400&text=[img 4]" />
</div>


@section scripts
{
 <script type="text/javascript">
  $(window).load(function () {
    $('#Slider').orbit();
  });
  </script>
}

但这不起作用 - 不包括脚本部分。

我google了一下，不支持这个……嗯……

...您将如何处理这种情况？

建议是用脚本制作另一个部分并包括这个......不漂亮！

那里有更好的方法吗？

谢谢！

4

2 回答 2

0

查看渲染页面的来源。问题是你的脚本在定义jQuery之前就出来了吗？

您的默认 _Layout.cshtml 可能有...

<!DOCTYPE html>
<html lang="en">
...
@RenderBody()
...
@Scripts.Render("~/bundles/scripts")
@RenderSection("scripts", required:false)
...
</html>

您需要告诉 MVC 将您的脚本放在脚本包之后。在您的 DoStuff.cshtml 中，

...
@using (Html.BeginForm()){ //this bit is in the body of the page 
    @Html.TextBoxFor(m=>m.NewSalary)
    <input type="submit" data-confirmprompt='are you sure?' />
}
...

@section scripts{ //this bit will end up in the scripts section
<script type="text/javascript">
    //http://blogs.msdn.com/b/stuartleeks/archive/2010/12/16/using-asp-net-mvc-and-jquery-to-create-confirmation-prompts.aspx
    //cunning script so you can say 

    $(document).ready(function () {
        $('*[data-confirmprompt]').click(function (event) {
            var promptText = $(this).attr('data-confirmprompt');
            if (!confirm(promptText)) {
                event.preventDefault();
            }
        });
    });
</script>
}
于 2013-12-15T14:21:48.713 回答
-1

您可以将它包含在您的部分中，然后它将被执行，省略$(window).load：

<div id="Slider">
    <img src="http://placehold.it/1000x400&text=[img 1]" />
    <img src="http://placehold.it/1000x400&text=[img 2]" />
    <img src="http://placehold.it/1000x400&text=[img 3]" />
    <img src="http://placehold.it/1000x400&text=[img 4]" />
</div>


 <script type="text/javascript">
    $('#Slider').orbit();
  </script>
于 2013-12-10T16:11:56.790 回答