無限スクロールを実装するため、jQueryのプラグインjScrollを導入しました。
初期画面では正しく動作しましたが、.htmlで追加した要素には効きませんでした。
具体的なコードは以下の通りです。
index.html
1(index.html) 2 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset="utf-8" /> 7<title>初期ページ</title> 8<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 9<script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.3.9/jquery.jscroll.js"></script> 10</head> 11<body> 12<script> 13$(function(){ 14 $('.scroll').jscroll({ 15 nextSelector: 'a.next' 16 }); 17 18 $('.button').click(function() { 19 var ele = '<div class="overwrite">書き換えられた要素<div class="scroll"><a class="next" href="next.html">読み込まれず</a></div></div>'; 20 $('.overwrite').html(ele); 21 }); 22 23}); 24</script> 25<input type="button" class="button" value=".htmlで書き換え"> 26<div class="overwrite"> 27 <div class="scroll"> 28 <a class="next" href="next.html">読み込まれる</a> 29 </div> 30</div> 31</body> 32</html>
html:next.html
1(next.html) 2 3ページが読み込まれました
恐らくlive関数やon関数などを使用するのだと思い、コードを調べていましたが見当がつかず…
ご教授頂けると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/19 04:47