私は html ファイルを持っており、別の html ファイルからdiv.load()
の一部を元の html のdiv ( ) にロードするために使用しています。htmlファイルをロードします。ただし、div だけでなく、html ファイル全体をロードします。必要なdivのみをロードするにはどうすればよいですか。、別のhtmlから?どんな助けでも大歓迎です。ありがとうございました! photo_index
profile_wrapper_container_FormLogs
photo_index
html:
<div id="profile_leftbar">
<div id="profile_wrapper_container_summary">
<div id="profile_container_summary">
<div id="profile_summary">
<div id="profile_box1" class="box">
<a href="kkh.html" id="photo"><p>Photo</p>
<p>450</p></a>
</div>
<div id="profile_box2" class="box">
<a href="#" id="video"><p>Video</p>
<p>132</p></a>
</div>
<div id="profile_box3" class="box">
<a href="#" id="page"><p>Page</p>
<p>14</p></a>
</div>
<div id="profile_box4" class="box">
<a href="#" id="forum"><p>Forum</p>
<p>51</p></a>
</div>
<div id="profile_box5" class="box">
<a href="#" id="followers"><p>Followers</p>
<p>551</p></a>
</div>
<div id="profile_box6" class="box">
<a href="#" id="following"><p>Following</p>
<p>317</p></a>
</div>
<span class="clear_left"></span>
</div>
<div id="profile_status">
<p>What???</p>
</div>
</div>
</div>
<div id="profile_wrapper_container_FormLogs">
<div id="profile_container_status_form">
<textarea class="profile_status_form"></textarea>
</div>
<div id="profile_container_logs">
<div class="profile_logs">
<p>Added photo on 30th oct</p>
</div>
<div class="profile_logs">
<p>Created a blog <a href="#">'This world'</a> on 17th oct.</p>
</div>
<div class="profile_logs">
<p>Added photo on 16th oct</p>
</div>
<div class="profile_logs">
<p>Updated status 'Do you really think so?' on 10th Oct.</p>
</div>
<div class="profile_logs">
<p>Uploaded video.</p>
</div>
<div class="profile_logs">
<p>Added photo on 30th oct</p>
</div>
<div class="profile_logs">
<p>Created a blog <a href="#">'This world'</a> on 17th oct.</p>
</div>
<div class="profile_logs">
<p>Added photo on 16th oct</p>
</div>
<div class="profile_logs">
<p>Updated status 'Do you really think so?' on 10th Oct.</p>
</div>
<div class="profile_logs">
<p>Uploaded video.</p>
</div>
<div class="profile_logs">
<p>Added photo on 30th oct</p>
</div>
<div class="profile_logs">
<p>Created a blog <a href="#">'This world'</a> on 17th oct.</p>
</div>
<div class="profile_logs">
<p>Added photo on 16th oct</p>
</div>
<div class="profile_logs">
<p>Updated status 'Do you really think so?' on 10th Oct.</p>
</div>
<div class="profile_logs">
<p>Uploaded video.</p>
</div>
</div>
</div>
</div>
別のhtml:
<div id="test">
<h1>Testing the .load()</h1>
</div>
<div id="photo_index">
<div id="tools_photo">
<ul id="tools">
<li><a href="#">All</a></li>
<li><a href="#">Album</a></li>
<li><a href="#">Tagged Photo</a></li>
<li><a href="#">Upload Photo</a></li>
<span class="clear_left"></span>
</ul>
</div>
<div id="photo_index_page">
<div id="container_thumbnail_container">
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img2.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img3.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img4.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img5.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img2.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img3.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img4.jpg" class="thumbnail" /></a>
</div>
<div class="thumbnail_container">
<a href="#" class="gallery" title="{{photo.title}}"><img src="img5.jpg" class="thumbnail" /></a>
</div>
<span class="clear_left"></span>
</div>
</div>
</div>
.js:
$(document).ready(function () {
$(".box a").click(function () {
$("#profile_wrapper_container_FormLogs").load(this.href + "#photo_index");
return false;
});
});