2017-05-08 11 views
2

https://www.baptistjax.com/services/brain-and-spine/stroke-and-cerebrovascular-careスクリプトを1つのページに動的オブジェクトへの静的な追加のpタグを追加する

<script> 
$("#sidebar div.find-tabs ul li .block.marginB5").append("<p>International Patients:<br />904.399.6518 (ext 164)</p>"); 
</script> 

「これは私が電話番号情報の下側の列Googleマップ内のスクリプトを追加していページで」OKこれが働くことになりました正しく!追加されたコピーをダイナミックオブジェクト内の最後のオブジェクトの直後に挿入するので、外側のコンテナdivの境界線がこの追加で展開されます。

+0

これが動作しない理由を私はわからないのですか?私はこのページのためだけに、この追加情報をページ上の動的生成オブジェクトに追加しています。任意のアイデアをいただければ幸いです! –

+0

このコードをdocument.readyハンドラで実行していますか?それがページの上部または ''にあると仮定すると、DOMはアクセスしようとすると準備ができません –

+0

@AprilSmallwoodあなたはターゲット要素を正しく選択した場合、セレクタをチェックしましたか?あなたは 'console.log($("#sidebar div.find-tabs ul li .block.marginB5 ")'を試して、それが正しい要素をレンダリングするかどうか/未定義でないかどうか確認できますか? –

答えて

1

あなた.append()は、開口部の引用"が不足しています。

$("#sidebar div.find-tabs ul li .block.marginB5").append(:international Patients:<br />904.399.6518 (ext 164)</p>"); 

あなたはAPPENDに二重引用符が欠落している

$("#sidebar div.find-tabs ul li .block.marginB5").append(":international Patients:<br />904.399.6518 (ext 164)</p>"); 
+0

OPは引用符を含めるように編集したちょうど質問 –

+0

私はそれは私がそれのように持っているコピーエラーでした申し訳ありませんのタイプミスだったようです。私は今実装している –

1

でなければならず、それはこれらが、これは動作していないことがあり、いくつかの理由があり

$("#sidebar div.find-tabs ul li .block.marginB5").append(":international Patients:<br />904.399.6518 (ext 164)</p>"); 
+0

OPは引用符を含めるように編集しました。それはちょうどタイプミス質問 –

+0

私はそれが今実装されているように私はそれを持っているコピーエラーだった –

0

でなければなりません。

まず、コードを「準備完了」機能でラップします。

// this is a jquery ready function 
$(function() { 
    $("#sidebar div.find-tabs ul li .block.marginB5").append(":international Patients:<br />904.399.6518 (ext 164)</p>"); 
}); 

第2に、他の動的コンテンツを生成するスクリプトの後にスクリプトを配置します。動的なコンテンツが非同期でロードされている場合

第三に、あなたはそれはあなたのコンテンツを追加し、探して停止することができ、それが存在するようになるまで、動的要素をチェックし続けてタイムアウトを設定する必要があります。

$(function() { 
    function findElement() { 
     var el = $("#sidebar div.find-tabs ul li .block.marginB5"); 

     // if the element exists, append 
     if (el.length > 0) { 
      el.append(":international Patients:<br />904.399.6518 (ext 164)</p>"); 
     } 
     // otherwise, try again in 200 milliseconds 
     else { 
      setTimeout(findElement, 200); 
     } 
    } 
    // start searching for the element 
    findElement(); 
});