以下のコードを実行すると、ブラウザがハングします。ここに私のコードがあります
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/CenterDiv.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#Main').center();
$('#Main').bind('scroll', function () {
if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
//var new_div = '<div class="new_block"></div>';
//$('.main_content').append(new_div.load('/path/to/script.php'));
alert("end");
}
});
});
</script>
<style type="text/css">
.centered
{
height:640px;
width:700px;
border-color:Black;
border-width:2px;
border-style:solid;
overflow:scroll
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="Main" class="centered">
<img src="images/img1.jpg" />
</div>
</form>
</body>
</html>
実際にブラウザのハングを引き起こすコードは
$('#Main').bind('scroll', function () {
if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
//var new_div = '<div class="new_block"></div>';
//$('.main_content').append(new_div.load('/path/to/script.php'));
alert("end");
}
});
上記のコードで、スクロールバーがdivの最後にドラッグされたかどうかを検出しようとしていました。なぜ私はエラーが発生しています....アドバイスしてください。ありがとう