0

マークアップの問題を修正するために更新されました：/

http://jsfiddle.net/G7p2U/1/これはすべてをよりよく理解するためのリンクです

私が使用しているjQueryは

$(document).ready( function() {
  $(".crumbs a").each( function() {
    $(this).append('<div class="indicator"></div>');
  });
var i = 0;
var linkpos= new Array("0,0", "0,110", "0,220", "0,330", "0,440", "0,550", "0,660");
    $(".crumbs").each( function() {
 var s = linkpos[i];
 var x = s.split(",");
 var t = x[0];
 var l = x[1];
$(this).css({ "top":t+"px", "left":l+"px" });
 i++;
 }); 
});

問題は、これが書かれたときに正しく機能したことですが、今は問題があります。マークアップの前はそうだった

 <div class="pun-crumbs">
    <div class="crumbs">
     <a href="#">Index</a>
   </div>
  <div class="crumbs">
     <a href="#">Profile</a>
  </div>
     <div class="crumbs">
       <a href="#">Recent</a>
    </div>
    <div class="crumbs">
      <a href="#">Link 4</a>
   </div>
 </div>​

これは、PHPがデータマークアップを解析する方法ではありませんが、実際にはそのようになります。

 <div class="pun-crumbs">
   <div class="crumbs">
     <a href="#">Index</a>
      <a href="#">Profile</a>
        <a href="#">Recent</a>
         <a href="#">Link 4</a>
      </div>
    </div>​

だから私の悩みは、どういうわけか私も必要なようにリンクを分離することができないということです。

http://jsfiddle.net/nXrDn/のようになります

何か助けはありますか？

</ p>

4

2 に答える 2

3

jsFiddleデモ

次のスクリプトを実行して要素を準備することにより、新しいHTMLから元のマークアップを再現できます。

$(".crumbs > a").unwrap();
$(".pun-crumbs > a").wrap("<div class='crumbs' />");

デモに示すように、これをドキュメントレディハンドラーの現在のコードの前に最初に配置するだけです。

これは非常に直感的です。divを削除し（子をアンラップし）、それぞれを新しいdiv.crumbsでラップします。.crumbs

于 2012-12-24T03:51:01.263 に答える
0

http://jsfiddle.net/G7p2U/12/

$(document).ready( function() {
$(".crumbs").addClass("crumby").removeClass("crumbs")
$(".crumby a").wrap('<div class="crumbs" />');
$(".crumbs a").each( function() {
//rest of code
于 2012-12-24T03:54:20.973 に答える