0

私は、html属性とjQueryを使用してHTMLの一部を移動することにより、インタラクティブな方法でリンク情報を表示するシステムを作成しています。divにtitle属性を追加しようとして立ち往生しています。私はこれを属性で行ったことがなく、いくつかの壁にぶつかっています。

説明するのは難しいですが、JSを見ると、私が何を求めているのかがわかります。 http://jsfiddle.net/KvAwa/

事前に助けを求めるthx

HTML

<div id="navtool">
    <ul id="menu">
        <li id="1">
            <a href="location1.html" title="this is the decription1">This is the link1</a>
        </li>
        <li id="2">
            <a href="location2.html" title="this is the decription2">This is the link2</a>
        </li>
        <li id="3">
            <a href="location3.html" title="this is the decription3">This is the link3</a>
        </li>
    </ul>
</div>
<a href="#" class="prev nav">prev</a>
<a href="#" class="next nav">next</a>
<div id="linkdesciption"></div>
<a href="#" id="execute">Execute link</a>​

JS

// Cycles Menu   
$('#menu > li:first').addClass('active');
$('.next').click(function(){
    $('.active').next().addClass('active').prev().removeClass('active');        
    $('#menu > li:last').after($('#menu > li:first'));
});
$('.prev').click(function(){
    $('.active').prev().addClass('active').next().removeClass('active');
    $('#menu > li:first').before($('#menu > li:last'));
});

// Collects the link  
var executeLink = $('#menu > li.active > a').attr("href");
$('#execute').attr("href", executeLink); 
$('#execute').click(function(){
   alert(executeLink);
});

// Collects title and inject into description
$('.nav').click(function(){
    var description = $('.active > a').attr('title'); 
    $(description).appendTo('#linkdesciption');
});
4

2 に答える 2

0

正しく理解できたら、このフィドルを試してください：http: //jsfiddle.net/arvind07/KvAwa/1/

于 2012-06-18T05:57:35.327 に答える
0

そのコードの関連部分は次のとおりです。

$('.nav').click(function(){
    var description = $('.active > a').attr('title'); 
    $(description).appendTo('#linkdesciption');
});

あなたはそれを好転させたい：

$('.nav').click(function(){
    var description = $('.active > a').attr('title'); 
    $('#linkdesciption').append(description);
});

更新されたフィドル

または、以前のリンクタイトルを新しいものに置き換える場合は、次の代わりにhtmlまたはを使用します。textappend

$('.nav').click(function(){
    var description = $('.active > a').attr('title'); 
    $('#linkdesciption').text(description);
});

更新されたフィドル

于 2012-06-18T05:58:06.777 に答える