0

外部 .html ファイルからコンテンツを別の div に表示する方法。たとえば、「li」の id = 1 の場合、「id=content1」で表示します。id=2 の場合は、'id=content2' に表示します。外部 .html ファイルからのすべてが id='content' に表示されるようになりました

これは私のjsです

var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-5)){
        var toLoad = hash+'.html #content';
        $('#content').load(toLoad)
    }                                           
});

$('#nav li a').click(function(){

    var toLoad = $(this).attr('href')+' #content_from_external';
    $('#content').slideUp('normal',loadContent).delay(200);
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
        $('#content').load(toLoad,showNewContent)
    }
    function showNewContent() {
        $('#content').slideDown(1000);

    }
    return false;

});

これは私のHTMLです

 <ul id="nav" class="products">
                        <li id="1">
                          <a href="products/1.php"><img src="1.jpg"/></a>
                        </li>
                        <li class="under" id="2">
                         <a href="products/2.php"><img src="2.jpg"/></a>
                        </li>
                        <li id="3">                            
                         <a href="products/3.php"><img src="3.jpg"/></a>
                        </li>

                        </li>
  </ul>
4

1 に答える 1

0 
$('#nav li a').click(function(){
    var toLoad = $(this).attr('href')+' #content_from_external';
    var divId = '#content' + $(this).parents('li').attr('id');

    $(divId).slideUp('normal',loadContent).delay(200);
    ...
于 2013-03-13T16:42:59.100 に答える