访问DOM以便我可以在Coffeescript“类”中使用jQuery

时间:2013-10-24 04:37:03

标签: javascript jquery dom coffeescript

我有一个Coffeescript类,我想调用jQuery函数,但它们似乎无法访问DOM。

我的代码就像:

$(document).ready ->
  $("#start-button").on "click", ->
    game = new Gameplay()
    game.playInning()

class @Gameplay

  ... most omitted

  # display
  displayAddBall: (balls) ->
    $("#gameplay-at-bat-ball-indicator#{balls}").removeClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-ball-indicator#{balls}").addClass("glyphicon glyphicon-check")

  displayAddStrike: (strikes) ->
    $("#gameplay-at-bat-strike-indicator#{strikes}").removeClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-strike-indicator#{strikes}").addClass("glyphicon glyphicon-check")

如果我在document(ready)中调用这些函数,就像gameplay.displayAddBall一样,它工作正常,但是当我在类中调用相同的函数时,它不起作用并且没有错误。我的想法是它需要一个DOM的引用,并且在类中没有它。我需要通过它,但我不确定它的机制。

这是完整的代码(我试图包含已编译的JS代码,但它太大了):

$(document).ready ->
  $("#start-button").on "click", ->
    game = new Gameplay()
    game.playInning()

class @Gameplay
  PITCH_BALL_PROB = 50
  PITCH_STRIKE_PROB = 35
  PITCH_CONTACT_PROB = 100 - PITCH_BALL_PROB - PITCH_STRIKE_PROB

  PITCH_BALL_RANGE = [0, PITCH_BALL_PROB]
  PITCH_STRIKE_RANGE = [(PITCH_BALL_PROB) + 1, PITCH_BALL_PROB + PITCH_STRIKE_PROB]
  PITCH_CONTACT_RANGE = [(PITCH_BALL_PROB + PITCH_STRIKE_PROB) + 1, 100]

  CONTACT_FOUL_PROB = 35
  CONTACT_SINGLE_PROB = 15
  CONTACT_DOUBLE_PROB = 5
  CONTACT_TRIPLE_PROB = 1
  CONTACT_HOME_RUN_PROB = 4
  CONTACT_POP_FLY_OUT_PROB = 20
  CONTACT_GROUND_BALL_OUT_PROB = 20

  CONTACT_FOUL_RANGE = [0, CONTACT_FOUL_PROB]
  CONTACT_SINGLE_RANGE = [CONTACT_FOUL_PROB + 1, CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB]
  CONTACT_DOUBLE_RANGE = [CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + 1, CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB]
  CONTACT_TRIPLE_RANGE = [CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + 1, CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB]
  CONTACT_HOME_RUN_RANGE = [CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB + 1, CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB + CONTACT_HOME_RUN_PROB]
  CONTACT_POP_FLY_OUT_RANGE = [CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB + CONTACT_HOME_RUN_PROB, CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB + CONTACT_HOME_RUN_PROB + CONTACT_POP_FLY_OUT_PROB]
  CONTACT_GROUND_BALL_OUT_RANGE = [CONTACT_FOUL_PROB + CONTACT_SINGLE_PROB + CONTACT_DOUBLE_PROB + CONTACT_TRIPLE_PROB + CONTACT_HOME_RUN_PROB + CONTACT_POP_FLY_OUT_PROB + 1, 100]


  # Pitch Results
  pitch: ->
    Math.floor (Math.random() * 100) + 1

  pitchResult: (pitch) ->
    if @inBallRange(pitch) then return "ball"
    if @inStrikeRange(pitch) then return "strike"
    if @inContactRange(pitch) then return "contact"

  inBallRange: (pitch) ->
    pitch > PITCH_BALL_RANGE[0] && pitch <= PITCH_BALL_RANGE[1]

  inStrikeRange: (pitch) ->
    pitch > PITCH_STRIKE_RANGE[0] && pitch <= PITCH_STRIKE_RANGE[1]

  inContactRange: (pitch) ->
    pitch > PITCH_CONTACT_RANGE[0] && pitch <= PITCH_CONTACT_RANGE[1]


  # Contact results
  contact: ->
    Math.floor (Math.random() * 100) + 1

  contactResult: (contact) ->
    if @inFoulRange(contact) then return "foul"
    if @inSingleRange(contact) then return "single"
    if @inDoubleRange(contact) then return "double"
    if @inTripleRange(contact) then return "triple"
    if @inHomeRunRange(contact) then return "home run"
    if @inPopFlyOutRange(contact) then return "pop fly out"
    if @inGroundBallOutRange(contact) then return "ground ball out"

  inFoulRange: (contact) ->
    contact >= CONTACT_FOUL_RANGE[0] && contact <= CONTACT_FOUL_RANGE[1]

  inSingleRange: (contact) ->
    contact >= CONTACT_SINGLE_RANGE[0] && contact <= CONTACT_SINGLE_RANGE[1]

  inDoubleRange: (contact) ->
    contact >= CONTACT_DOUBLE_RANGE[0] && contact <= CONTACT_DOUBLE_RANGE[1]

  inTripleRange: (contact) ->
    contact >= CONTACT_TRIPLE_RANGE[0] && contact <= CONTACT_TRIPLE_RANGE[1]

  inHomeRunRange: (contact) ->
    contact >= CONTACT_HOME_RUN_RANGE[0] && contact <= CONTACT_HOME_RUN_RANGE[1]

  inPopFlyOutRange: (contact) ->
    contact >= CONTACT_POP_FLY_OUT_RANGE[0] && contact <= CONTACT_POP_FLY_OUT_RANGE[1]

  inGroundBallOutRange: (contact) ->
    contact >= CONTACT_GROUND_BALL_OUT_RANGE[0] && contact <= CONTACT_GROUND_BALL_OUT_RANGE[1]

  # At-bat
  atbat: ->
    balls = 0
    strikes = 0
    contact = null
    atbat = true

    while atbat
      result = @pitchResult(@pitch())
      @displayAddGameReport("@atbat: Pitch Result -> result = #{result}")
      switch result
        when "ball" then balls = @ballReceived(balls)
        when "strike" then strikes = @strikeReceived(contact, strikes)
        when "contact" then contact = @contactReceived()

      if balls is 4
        result = "walk"
        @displayAddGameReport("Walk")
        atbat = false

      if strikes is 3
        result = "strikeout"
        atbat = false

      if contact is "foul"
        strikes = @strikeReceived(contact, strikes)

      if contact? and contact isnt "foul"
        result = contact
        atbat = false
      contact = null

      @displayAddGameReport("@atbat: balls = #{balls}, strikes = #{strikes}, contact = #{contact}")

    return result

  atBatResult: (result, score, baseOccupancy) ->
    switch result
      when "strikeout" then @displayAddGameReport("StrikeOut")
      when "pop fly out" then @displayAddGameReport("Pop fly out")
      when "ground ball out" then @displayAddGameReport("Ground ball out")
      else
        score = @updateBaseOccupancy(baseOccupancy, result, score)
    return { result: result, score: score }

  ballReceived: (balls) ->
    @displayAddBall(balls + 1)
    return balls + 1

  strikeReceived: (contact, strikes) ->
    if contact is "foul" and strikes is 2
      return strikes
    @displayAddStrike(strikes + 1)
    return strikes + 1

  contactReceived: ->
    result = @contactResult(@contact())
    @displayAddGameReport(result) #unless result is "foul"
    return result

  updateBaseOccupancy: (baseOccupancy, result, score) ->
    if result is "walk"
      if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
    if result is "single"
      if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "manned"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
    if result is "double"
      if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "empty"
        baseOccupancy.second = "manned"
        baseOccupancy.third = "empty"
    if result is "triple"
      if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 3
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "manned"
    if result is "home run"
      if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 4
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        score += 3
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "manned"
        score += 3
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 3
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "manned"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "manned" and baseOccupancy.third is "empty"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "manned" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        score += 2
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"
      else if baseOccupancy.first is "empty" and baseOccupancy.second is "empty" and baseOccupancy.third is "empty"
        score += 1
        baseOccupancy.first = "empty"
        baseOccupancy.second = "empty"
        baseOccupancy.third = "empty"

    return score

  # play inning
  playInning: ->
    outs = 0
    score = 0
    baseOccupancy = { first: "empty", second: "empty", third: "empty" }

    @displayAddGameReport("First Inning")
    while outs < 1
      result = @atbat()
      battingResult = @atBatResult(result, score, baseOccupancy)
      if battingResult.result is "strikeout" or battingResult.result is "pop fly out" or battingResult.result is "ground ball out"
        outs += 1
      @displayAddGameReport("@playInning: outs = #{outs}, score = #{battingResult.score}, bases = #{JSON.stringify(baseOccupancy)}")
      @displayUpdateScore(battingResult.score)
      @displayClearBalls()
      @displayClearStrikes()

  # display
  displayAddBall: (balls) ->
    console.log("#gameplay-at-bat-ball-indicator#{balls}")
    $("#gameplay-at-bat-ball-indicator#{balls}").removeClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-ball-indicator#{balls}").addClass("glyphicon glyphicon-check")

  displayAddStrike: (strikes) ->
    console.log("#gameplay-at-bat-strike-indicator#{strikes}")
    $("#gameplay-at-bat-strike-indicator#{strikes}").removeClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-strike-indicator#{strikes}").addClass("glyphicon glyphicon-check")

  displayAddOut: ->
    if $("#gameplay-at-bat-out-indicator1").hasClass("glyphicon-check")
      $("#gameplay-at-bat-out-indicator1").removeClass("glyphicon glyphicon-unchecked")
      $("#gameplay-at-bat-out-indicator1").addClass("glyphicon glyphicon-check")
    else
      $("#gameplay-at-bat-out-indicator2").removeClass("glyphicon glyphicon-unchecked")
      $("#gameplay-at-bat-out-indicator2").addClass("glyphicon glyphicon-check")

  displayClearBalls: ->
    $("#gameplay-at-bat-ball-indicator1").removeClass("glyphicon glyphicon-check")
    $("#gameplay-at-bat-ball-indicator2").removeClass("glyphicon glyphicon-check")
    $("#gameplay-at-bat-ball-indicator3").removeClass("glyphicon glyphicon-check")
    $("#gameplay-at-bat-ball-indicator1").addClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-ball-indicator2").addClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-ball-indicator3").addClass("glyphicon glyphicon-unchecked")

  displayClearStrikes: ->
    $("#gameplay-at-bat-strike-indicator1").removeClass("glyphicon glyphicon-check")
    $("#gameplay-at-bat-strike-indicator2").removeClass("glyphicon glyphicon-check")
    $("#gameplay-at-bat-strike-indicator1").addClass("glyphicon glyphicon-unchecked")
    $("#gameplay-at-bat-strike-indicator2").addClass("glyphicon glyphicon-unchecked")

  displayAddGameReport: (report) ->
    $("#gameplay-game-report").append(report + "<br>")

  displayUpdateScore: (score) ->
    $("#gameplay-scoreboard-top-inning-1").text(score)

0 个答案:

没有答案