小编The*_*lax的帖子

ASP .NET MVC 5在View.cshtml文件中编写javascript

我是ASP .NET的新手,我在MVC中苦苦挣扎.我在View文件夹中有一个IndexView.cshtml文件,想在里面写一个简短的javascript部分,用一个按钮将网站移回顶部.它在普通的html中完美运行,所以就有了.通常情况下,每当我从站点顶部向下滚动时,按钮就会显示,当我回到最顶层时,按钮会消失.这里根本没有显示出来.我能做些什么才能让它发挥作用?提前致谢!

所以这是我在</body>标签前的IndexView.cshtml中的结尾.

<script type="text/javascript">
        $(document).ready(function() {
            $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>
    <a href="#" id="toTop"><span id="toTopHover"> </span></a>
Run Code Online (Sandbox Code Playgroud)

这就是Scripts文件夹/Scripts/move-top.js中move-top.js的一部分

(function ($) {
    $.fn.UItoTop = function (options) {
        var defaults = {
            text: 'To Top', min: 200, inDelay: 600, outDelay: 400, containerID: 'toTop', containerHoverID: 'toTopHover',
            scrollSpeed: 1200, easingType: 'linear'
        }, settings = $.extend(defaults, options), containerIDhash = '#' + settings.containerID, containerHoverIDHash = '#' + settings.containerHoverID;
        $('body').append('<a href="#" id="' + settings.containerID + '">' + settings.text + '</a>');
        $(containerIDhash).hide().on('click.UItoTop', function ()
        { …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net asp.net-mvc jquery razor

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

asp.net ×1

asp.net-mvc ×1

javascript ×1

jquery ×1

razor ×1