jQuery 함수 .prepend()가 wordpress nav 메뉴 항목과 작동하지 않습니다.

Question

Wordpress에서 메뉴가 있는데 Appointlet 스크립트를 연결하려고합니다. 코드는 여기에 있습니다 :

(function(e,t,n,r) 
 
{ 
 
    if(e)return; 
 
    t._appt=true; 
 
    var i=n.createElement(r),s=n.getElementsByTagName(r)[0]; 
 
    i.async=true;i.src='//dje0x8zlxc38k.cloudfront.net/loaders/s-min.js';  
 
    s.parentNode.insertBefore(i,s) 
 
}) 
 

 
(window._appt,window,document,"script")

<div data-appointlet="tfracine"> 
 
</div>

내 생각은 ID를 얻을, 빈 이름을 가진 메뉴 항목을 생성하는 것입니다 (예를 들어, "# 메뉴 항목-66"). 그런 다음 jQuery function.prepend()를 사용하여 코드 앞에 코드를 추가하십시오. 는 그래서, 사용자의 js 파일을 만든 header.php 파일에 포함하고 파일 내부의 코드는 다음이었다 : 나는 경우 알아낼 단어 "테스트"로 시작하는

$(document).ready(function(){ 
 
    $("#menu-item-66").prepend("Test"); 
 
});

그것은 작동합니다.

불행히도 아무 일도 없었으며 그 이유를 알 수없는 기술이 있습니다. 어떤 제안이나 똑똑한 방법으로 그것을 할 수 있습니까?

Answer 1

jQuery .prepend() 함수는 문자열이 아닌 jQuery 요소 앞에 추가됩니다.

그래서, 당신은 수행하여 jQuery를 요소를 만들어야합니다 : 귀하의 경우

var newElement = $('<p>New Element</p>');

, 당신이 할 수있는 것은 : 완전한 레퍼런스 체크를 들어

$(document).ready(function(){ $('#menu-item-66').prepend($('<p>This is a jQuery element</p>'); });

.prepend() documentation.

Answer 2

.prepend() 및 .prependTo()는 지정된 내용을 첫 번째 자식으로 추가합니다. 질문이 명확하지 않습니다. div 안에 스크립트를 삽입 하시겠습니까?