照片上的照片就像behance。 JS /导轨

Question

如何使用类似于behance的url创建弹出窗口。如果图片从主页面打开，那么它看起来像弹出窗口，但是带有网址。 https://www.behance.net/ 如果我使用图片的网址，那就是页面。 https://www.behance.net/gallery/19074521/editorial-illustration-2014-2

$('a[data-popup]').on 'click', ->
  @url = $(this).data('path')
  $.ajax
    url: @url
    type: 'GET'
    dataType: 'html'
    success: (data) ->
      $('.pop-up').show()
      $('.pop-up').html(data)
  $('.backdrop').on 'click', ->
    $('.pop-up').hide()
  $('.close').on 'click', ->
    $('.pop-up').hide()
    $('.white-container').show()

doctype html
html
head
//
body
 .container
   .wrap
     = yield
       .pop-up

Answer 1

如果您当前没有使用包含客户端路由的框架作为功能，那么可以尝试Director。这是我在CoffeeScript项目中使用的一个非常简单的解决方案。