2012-05-31 25 views
0

에 자바 스크립트 코드를 넣어 어떻게 자바 스크립트 코드의 XXX 부분에다른 자바 스크립트 코드

<div id='gallerysharebar'> 
    <div id='fbshare' class='fb-like' data-href='http://www.facebook.com' data-send='false' data-layout='button_count' data-width='100' data-show-faces='false' data-font='tahoma'> 
    </div> 
    <a id='pinterest-icon' href=' 
javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})()); 
'><img onclick='doPinIt();' src='/wp-content/themes/bliss/images/pin-it.png' alt='Pin It'/></a> 
</div> 

이 코드를 삽입하고 싶습니다. 문제는 코드가 모두 자바 스크립트이므로 위의 코드를 직접 놓으면 갤러리가 충돌한다는 것입니다.

f.fn.tn3.version = "1.1.0.44"; 
    f.fn.tn3.config = { 
     data: null, 
     skin: null, 
     skinDir: "skins", 
     skinDefault: '..........<div class="tn3-show-albums"></div><div class="tn3-next-page"></div><div class="tn3-prev-page"></div>**xxxxxxxx**<div class="tn3-play"></div>...........', 
     cssID: null 
    }; 
+0

코드를 포맷하고 자바 스크립트와 HTML을 분리하십시오. – lbstr

+0

그 변화를 만들었습니다. – Commandos

+0

그래서, 아래 xxx의 skinDefault 속성에 html을 넣으려고 했습니까? 그리고 무슨 일이 있었습니까? 당신의 페이스 북과 pinterest 아이콘이 나타나지 않습니까? – lbstr

답변

1

지금 받으십시오. 따옴표에 문제가 있습니다 ('"). skinDefault 문자열에 작은 따옴표를 사용하고 있으므로 위의 html에 붙여 넣으면 문자열이 끝나고 첫 번째 작은 따옴표 뒤에 구문 오류가 발생합니다. 그래서이 문제를 해결하려면 html의 모든 작은 따옴표를 큰 따옴표로 바꾸십시오. 그게 효과가 있다면 알려주고 그렇지 않다면 어떤 오류가 있는지 알려주세요.

편집 : 내가 속성 내부 따옴표가 작동하지 않습니다 확신하고 &quot;로 교체해야합니다. 어느 쪽이든 먼저 시도한 다음 &quot;이 필요하다고 생각되면 알려주세요. 내 대답을 업데이트하겠습니다.

<div id="gallerysharebar"> 
    <div id="fbshare" class="fb-like" data-href="http://www.facebook.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="tahoma"> 
    </div> 
    <a id="pinterest-icon" href="javascript:void((function(){var e=document.createElement("script");e.setAttribute("type","text/javascript");e.setAttribute(\"charset\",\"UTF-8");e.setAttribute("src","http://assets.pinterest.com/js/pinmarklet.js?r="+Math.random()*99999999);document.body.appendChild(e)})());"> 
     <img onclick="doPinIt();" src="/wp-content/themes/bliss/images/pin-it.png" alt="Pin It"/> 
    </a> 
</div> 
+0

고마워요! 괜찮 았어.하지만 버튼처럼 페이 스북에 이미지 링크를 넣어야하기 때문에 클릭 할 때 좋아할 수있다. 어쨌든 나는 포기했다. 나는 위치에 의해 그것을 할 것이다 : 절대, 바닥 : 50px; 꼬리말에서. – Commandos

+0

@ user627850 여러분을 환영합니다! 이제 당신은 웹 개발자와 친구가되어서이 물건으로 머리를 숙일 필요가 없습니다.) – lbstr

+0

true .. 내 이름은 ... 만나서 반가워요. lbstr =) 이제 시작하겠습니다 :) 아하. – Commandos