Rails Ajax仅在第一次执行调用

Question

我正在设计一个下拉菜单，菜单中包含许多内容，我想在鼠标进入时使用ajax get调用加载所有内容。

这是coffeescript：

class @SecondaryMenu
  constructor: ->
    @element      = $('.nav-list li')
    @mainNav      = $('.nav-list')
    @secondaryNav = $('.nav-secondary')
    @bindEvents()

  bindEvents: ->
    @element.on 'mouseenter', (event) =>
      @openSecondaryMenu()
    @element.on 'mouseleave', (event) =>
      @closeSecondaryMenu()
    @secondaryNav.on 'mouseleave', (event) =>
      @closeSecondaryMenu()

  openSecondaryMenu: ->
    setTimeout =>
      @secondaryNav.stop(true).slideDown 200 if @hoveringMenu()
    , 300

我只想为第一个“鼠标输入”执行ajax调用：加载内容时，我不需要另一个ajax调用，因为内容已经加载。

我不需要ajax调用，我需要一个解决方案来避免每次将菜单悬停时都调用它！

Answer 1

要广泛回答您的问题，您需要能够在调用ajax之前确定下拉列表是否具有任何pre-existing values

您肯定可以使用.length来处理此问题吗？

class @SecondaryMenu
  constructor: ->
    @element      = $('.nav-list li')
    @mainNav      = $('.nav-list')
    @secondaryNav = $('.nav-secondary')
    @bindEvents()

  bindEvents: ->
    @element.on 'mouseenter', (event) =>
      @openSecondaryMenu() if @mainNav.find("option").length < 1
    @element.on 'mouseleave', (event) =>
      @closeSecondaryMenu()
    @secondaryNav.on 'mouseleave', (event) =>
      @closeSecondaryMenu()