サイトの本文に div を追加しようとしています。ユーザーが jquery を使用して閉じるボタンをクリックすると、左にスライドして非表示にします。このサイトは現在 Drupal 7 を使用しており、複数の理由からファイルを直接編集することはできません。これを適用するためにOptimizelyを使用しています。
適用する必要がある適切な jquery 関数はわかっていますが、主な問題は、Optimizely からドキュメントに jQuery UI を追加して、編集コード セクションで追加する jQuery コードに適用する方法を見つけることです。jQuery .hide 関数がボタンタグに適用された、追加したい div の内容は次のとおりです。
$("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>");
実際の Web サイトを編集せずに jQuery UI スクリプトをこの div に適用する方法はありますか? 追加したい JavaScript ソースは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);});
私はこれを 4 時間以上、見つけられるすべてのトリックで実行しようとしましたが、うまくいきません。どんな助けでも素晴らしいでしょう。ありがとう。