Question

我正在尝试使用实体框架在asp.net mvc4中进行评级，我在cshtml中尝试了这个代码，但它无法正常工作，请帮助我实现这一目标。它工作时我在普通浏览器中运行，但它在集成到asp.net mvc4

时无效

{
  <h2>rating</h2>
  <form method="post" id="signin" action="@Url.Action("rating", "Rating")">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <script type="text/javascript" src="D:\My Programs\FSLIndiaLatest\FSLIndiaLatest\Scripts\jquery.js"></script>
      <script type="text/javascript" src="D:\My Programs\FSLIndiaLatest\FSLIndiaLatest\Scripts\rating.js"></script>
      <link rel="stylesheet" type="text/css" href="D:\My Programs\FSLIndiaLatest\FSLIndiaLatest\Styles\rating.css" />
      <script type="text/javascript">
         $(function () {
            $('.rating').rating();
            $('.ratingEvent').rating({ rateEnd: function (v) { $('#result').text(v); } });
         });
      </script>
      <input type="text" class="ratingEvent rating9" value="5" />
      <div><b id="result">5</b> start(s)</div>
      <p>&nbsp;</p>
  </form>
}

rating.js的代码 {

(function ($)
{
    $.fn.rating = function (options)
    {
        var settings = $.extend(
            {
                rateEnd: function (value) { }
            }, options);

        function setRating(e, ul)
        {
            var i = parseInt(e.val());
            if (!i) { i = 0; }

            ul.find('a').removeAttr('class');
            ul.find('a:lt(' + i + ')').attr('class', 'full');
        }

        this.each(function ()
        {
            var e = $(this);
            var c = parseInt(e.attr("class").match(/rating\d+/)[0].replace('rating', ''));

            var ul = $('<ul class="rating"></ul>').insertAfter(e).width(c * 20 + 'px');

            if (c > 0)
            {
                for (k = 0; k < c; k++)
                {
                    ul.append('<li><a href="javascript:void(0);" title="' + (k + 1) + '">' + (k + 1) + '</a></li>')
                }
            }

            if (e.prop('readonly'))
            {
                var i = parseInt(e.val());

                if (!i) { i = 0; }

                ul.find('a').attr('title', i + ' / ' + c);
            }
            else
            {
                ul.find('a').each(function (index, link)
                {
                    var link = $(link);

                    link.hover(function ()
                    {
                        ul.find('a').removeAttr('class');
                        ul.find('a:lt(' + (index + 1) + ')').attr('class', 'hover');

                    }, function ()
                    {
                        setRating(e, ul);
                    });

                    link.click(function ()
                    {
                        e.val(index + 1);

                        setRating(e, ul);

                        settings.rateEnd(index + 1);
                    });
                });
            }

            setRating(e, ul);

            e.hide();
        });

        return this;
    }

})(jQuery);

}

rating.css的代码

{

.rating { height: 20px; padding:0px; margin:0px; }
.rating li { list-style: none; float: left; width: 20px; height: 20px; padding:0px; margin:0px;}
.rating li a { display: block; width: 20px; height: 20px; padding:0px; margin:0px; overflow: hidden; text-indent: -100px; background-image: url(D:\My Programs\FSLIndiaLatest\FSLIndiaLatest\Images\rating.png); background-repeat: no-repeat; text-decoration:none; }
.rating li a:hover { background-color: transparent; text-decoration: none; }
.rating li .hover { background-position: 0px -20px; }
.rating li .full { background-position: 0px -40px; }

}

Answer 1

我假设您正在使用剃须刀引擎。如果是这样，请不要这样做：

<script type="text/javascript" src="D:\My Programs\FSLIndiaLatest\FSLIndiaLatest\Scripts\jquery.js"></script>

相反，这样做：

<script type="text/javascript" src="~/Scripts/jquery.js"></script>

修改

这适用于其绝对本地路径引用的所有.js和.css文件。如果~/功能对您不起作用，请尝试使用相对路径：src="/Scripts/jquery.js"

html中引用的所有文件都应包含在您的项目中。

之前它可能对你有用，因为你正在访问一个简单的本地html页面。如果html页面托管在服务器上（就像在运行MVC 4应用程序时那样），它就无法访问本地文件。

Answer 2

我认为你的JS文件没有正确加载。将你的JS文件输入你的应用程序JS文件夹并给出JS的相对路径，然后你的代码肯定会工作。

在asp.net mvc4实体框架中评级

2 个答案: