使用胡子模板实现无休止滚动时出现DOM异常8错误;jquery砌石
DOM Exception 8 error when implementing endless scrolling using mustache templates & jquery masonry
我正在实现一个受本教程影响很大的无休止滚动效果:
http://railscasts.com/episodes/295-sharing-mustache-templates?view=asciicast
然而,我的做法略有不同,因为我使用的是Jquery Masonry(http://masonry.desandro.com/demos/adding-items.html)在前端。
不管怎样,当我按照如下方式实现时:
jQuery ->
window.endlessScroll = () ->
if $('#products_page').length
new ProductPager
class ProductPager
constructor: ->
$(window).scroll(@check)
check: =>
if @nearBottom()
$(window).unbind('scroll', @check)
$.getJSON($('#products_page').data('json-url'), @render)
nearBottom: =>
$(window).scrollTop() > $(document).height() - $(window).height() - 150
render: (products) =>
boxes= []
$container = $('#products_page')
for product in products
boxes.push Mustache.render $('#mustache_product').html(), product
$container.append(boxes).masonry "appended", boxes
$(window).scroll(@check)
我得到以下错误(Chrome):
未捕获错误:NOT_FOUND_ERR:DOM异常8
我认为问题出在这里:
boxes.push Mustache.render $('#mustache_product').html(), product
因为这将每个模板输出包装在"引号"中,即
["<div>stuff</div>","<div>more stuff</div>"]
而不是:
[<div>stuff</div>,<div>more stuff</div>]
但我对自己做错了什么有点心理障碍。。。。有人愿意帮忙吗?
我通过更仔细地遵循Masonry网站上的示例来实现这一点,结果是:
.
.
.
boxMaker.makeBoxes = ->
boxes = []
for product in products
box = document.createElement("div")
template = Mustache.render $('#mustache_product').html(), product
box.className = "box"
box.innerHTML = template
boxes.push box
boxes
$boxes = $(boxMaker.makeBoxes())
相关文章:
- 未捕获错误:INVALID_STATE_ERR:DOM异常11
- 尝试创建事务时出现DOM IDBDatabase异常11
- 正在获取INVALID_CHARACTER_ERR:DOM异常5
- HTML5音频DOM异常11错误,currentTime=0
- 未捕获错误:NOT_FOUND_ERR:appendChild调用的DOM异常8
- 通过parentNode.removeChild删除元素会引发DOM异常8
- 当请求DOM对象时,XMLHttpRequest.send()抛出异常
- 尝试访问本地存储时 javascript/html5 中的 dom 异常 18
- Javascript HTMLDOM appendChild 导致 DOM 异常 8
- getImageData 导致“未捕获错误:NOT_SUPPORTED_ERR:DOM 异常 9”
- ArrayBufferView未捕获错误:INDEX_SIZE_ERR:DOM异常1
- "SECURITY_ERR:DOM异常18”;当铬扩展使用“时抛出”;EventSrouce”;已初始化
- 我怎么能"getImageData”;从另一个网站?SECURITY_ERR:DOM异常18
- phantomjs使用src图像在canvas.toDataURL上抛出DOM异常18
- AJAX调用错误:错误:NetworkError:DOM异常19
- PUT请求的DOM异常19
- 模板帮助程序中出现异常:错误:Can'不要在没有DOM的组件上使用$
- InvalidStateError:XPath结果出现DOM异常11
- NotFoundError:DOM IDBDatabase在indexedDB中创建事务时发生异常8
- 所有可能的未捕获错误的列表:DOM异常