jQuery UI를 Optimizely 코드에 적용 하시겠습니까?

Question

사이트의 본문에 div를 추가하려고 시도하는 중 사용자가 jquery를 사용하여 닫기 버튼을 클릭 할 때 div를 왼쪽으로 밀어서 숨 깁니다. 사이트는 현재 Drupal 7을 사용하고 있으며 파일을 직접 편집하는 여러 가지 이유로 가능성은 없습니다. 나는 이것을 적용하기 위해 Optimizely를 사용하고있다.

내가 알맞은 jquery 함수를 알고 있지만, 내 주요한 문제는 Optimizeely의 내 문서에 jQuery UI를 추가하는 방법을 알아내어 편집 코드 섹션에 추가 할 jQuery 코드에 적용하는 것이다. . 여기에 버튼 태그에 적용 JQuery와 .hide 기능과 함께, 내가 추가 할의 div가 무엇 : 실제 웹 사이트를 편집하지 않고이 사업부에 jQuery를 UI 스크립트를 적용 할 수있는 방법이

$("body").append("<div id=\"faceboxwrap\"> 
<div id=\"facebox\" style=\"height:500px; width:320px; z-index:99999; position:fixed; margin-left:0px; bottom:20px; background-image:url(..);\"> 
<div class=\"action-link field-name-field-fa-link\" style=\"float:left; margin-top:360px; padding-right: 10px; \"> 
<div class=\"field field-name-field-shared-splash-link field-type-link-field field-label-hidden\" style=\"width: 175px; margin-left: 103px; margin-right: auto; top: 38px; background-color: rgb(204, 51, 51); \"> 
<div class=\"field-items\"> 
<div class=\"field-item even\"> 
<a href=\"...\" id=\"trackDonate\" style=\"padding-right: 10px;\">DONATE $10</a> 
</div></div></div>\n 
<div style=\"text-align: center; width: 100%; color: rgb(121, 121, 121); font-size: 13px; margin-top: 60px; margin-left: 115px;\"> 
<button id=\"close\" style=\"font-weight: bold; font-size: 14px; cursor: pointer; text-transform: lowercase; cursor: hand;\" onclick=\"$('#faceboxwrap')hide('slide', {direction: 'left'}, 1000));\"> No thanks </button> 
</div></div></div></div>"); 

있습니까? 내가 추가 할 자바 스크립트 소스는 다음과 같습니다 http://code.jquery.com/ui/1.10.4/jquery-ui.js

가이 코드에 적용을 시도했지만 작동하지 않았다 : 나는 네 시간 이상이 작업을 수행하기 위해 노력했습니다

$(function(){var fileRef1 = document.createElement('script'); 
fileRef1.setAttribute("type","text/javascript"); 
fileRef1.setAttribute("src","http://code.jquery.com/ui/1.10.4/jquery-ui.js"); 
document.head.appendChild(fileRef1);}); 

내가 찾을 수있는 모든 트릭과 함께 나는 그것을 작동하게 만들 수 없다. 어떤 도움이라도 좋을 것입니다. 감사.

Answer 1

나는 이것을 알아 냈다. 나는 당신의`$ 같은 소리

onclick=\"jQuery('#faceboxwrap').hide('slide', {direction: 'left'}, 1000));\"