2017-03-29 10 views
0

約20時間の強制検索の後、ダイナミックコンテンツが動的コンテンツに適用された後に動作するようにテキストを置き換えることができました。jQuery HTML動的に読み込まれたAjaxコンテンツを2番目の読み込み後に置き換えます。

$("body").one("mouseover", "span.help-more", function(index) { 
    $('li#li').each(function(index) { 
     var $this = $(this); 
     var t = $this.text(); 
     $this.html(t.replace("&lt", "<").replace("&gt", ">")); 
    }); 
}); 

ただし、動的コンテンツがもう一度2回目以降に取得されると、そのテキストはもう置き換えられなくなります。

"1"を削除して "on"で変更し、イベントを元に戻す(t.replaceを元に戻す)コードをコピーしても動作しませんでした。

$("body").on("mouseover", "span.help-more", function(index) { 
    $('li#li').each(function(index) { 
     var $this = $(this); 
     var t = $this.text(); 
     $this.html(t.replace("&lt", "<").replace("&gt", ">")); 
    }); 
}); 

$("body").on("mouseout", "span.help-more", function(index) { 
    $('li#li').each(function(index) { 
     var $this = $(this); 
     var t = $this.text(); 
     $this.html(t.replace("<", "&lt").replace(">", "&gt")); 
    }); 
}); 

誰かお手伝いできますか?私はこれまでに約20時間を与えてきました。私はどんな解決策にも満足しています。

私はちょうど "on"を実行しますが、何とか2番目の実行時にHTMLタグが取り除かれてしまうため、取り消しを実行しようとしました。

いずれかの場合、私は幸せになる: - 「上」(3)と、それはストリッピングを停止する - (2)私は ONMOUSEOUT変更を取り消すことができる場合、「上」 - (1)「1」が、すべてが をクリックした後、再焼成されます2回目の実行で離れたタグ ..またはあなたがそれが効果的であることを示唆する任意のオプション..

あなたの助けは非常に高く評価されるでしょう!

編集:

<ul> 
    <li class="stone-list ng-scope" id="stone_913"><span class="check-span"><span class="check-span-botton"></span></span> <span class="shape-span ng-binding">pear</span> <span class="carat-span ng-binding">0.5</span> <span class="cut-span ng-binding">excellent</span> <span class="colour-span ng-binding">G</span> <span class="clarity-span ng-binding">VS2</span> <span class="price-span" content="stone.price" dir=""><span class="ng-scope">$ 1412</span></span> <span class="help-span"><span class="help-more"><span class="information-help-more"><span class="top-help-more"></span> <span class="center-help-more"></span></span></span></span></li> 
</ul> 
<ul> 
    <!-- ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Shape pear</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Carat Weight 0.5</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Clarity VS2</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Color G</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Color Shade WH</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Cut excellent</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Polish VG</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Symmetry VG</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Fluoresence N</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Depth (%) 62.5</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Table (%) 61</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Certificate Type</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more">Number 6255152356</span></li><!-- end ngRepeat: row in stone.tooltrip --> 
    <li class="ng-binding ng-scope" id="li"><span class="center-help-more"><a href="[link]" style="color:yellow">Video Link</a></span></li> 
    <li style="list-style: none"><span class="center-help-more"><!-- end ngRepeat: row in stone.tooltrip --></span></li> 
</ul><span class="bottom-help-more"></span> <span class="change-span"><span class="change-span-botton">Choose</span></span> 
<ul></ul> 

それはいくつかの安っぽいhtmlタグですが、ワードプレスで置き換える私は回避策を見つけるために引き起こしている:場合には、これは関連HTMLを助けます。

+0

関連するHTMLを追加してください。 –

+0

元のデータを最初に変更する前に変数に格納することができます。次に、変数onmouseoutからデータを取得するだけです。 – Siphalor

+0

私はあなたをお手伝いしたいと思います!あなたが達成しようとしていることをかなり理解していない – funcoding

答えて