0

我使用无限滚动进行分页。直到今天它都运行良好。今天我决定为我的所有动作方法添加两个额外的参数，现在从无限滚动指向动作方法出现了问题。
所以当我滚动页面动作时不会被调用。
所以我打开页面源代码并找到应该加载下一页的链接，它看起来像：

href="/Tickets/AnotherSetOfData?countryCode=uk&cityName=london&ticketTypeId=-1"

如果我点击这个链接动作方法被调用，那么问题是无限滚动以某种方式停止在滚动时调用这个函数。
这就是动作方法的样子

public ActionResult AnotherSetOfData(string countryCode, string cityName, int ticketTypeId)
{...}

我怀疑这可能是路由问题，但我不知道如何处理它......

路由

routes.MapRoute(
                "Default", // Route name
                "{controller}/{action}/{id}", // URL with parameters
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
            );

无限滚动

<nav id="page-nav">
    <a href="@Url.Action("AnotherSetOfData", "Tickets", new { countryCode = ViewBag.countryCode, cityName = ViewBag.cityName, ticketTypeId = ViewBag.ticketTypeId })">
    </a>
</nav>
...
$container.infinitescroll({
            navSelector: '#page-nav',    // selector for the paged navigation 
            nextSelector: '#page-nav a',  // selector for the NEXT link (to page 2)
            itemSelector: '.item',     // selector for all items you'll retrieve
            loading: {
                finishedMsg: 'No more pages to load.',
                img: 'http://i.imgur.com/6RMhx.gif'
            }
        },

      function (newElements) {

          var $newElems = $(newElements).css({ opacity: 0 });

          $newElems.imagesLoaded(function () {

              $newElems.animate({ opacity: 1 });
              $container.isotope('appended', $newElems);
          });
4

1 回答 1

1

把它放在你的 Global.asax.cs

routes.MapRoute(
"InfiniScroll", // Route name
"{controller}/{action}/{countryCode}/{cityName}/{ticketTypeId}", //URL with parameters
new { controller = "Tickets", action = "AnotherSetOfData"}); // Parameter Defaults
于 2012-04-03T19:35:13.197 回答