2015-04-06 3 views
-1

Я пытаюсь реализовать zclip на моем сайте Wordpress, чтобы скопировать результат некоторого динамически сгенерированного текста. У меня есть код, который отлично работает как автономная страница html со встроенным jquery, но, похоже, он не хорошо переносится на мой сайт Wordpress. Я поместил код inline на мой сайт WP, но ничего не происходит, когда я нажимаю кнопку «Копировать». Вот отдельный код страницы, который работает. Есть идеи?jQuery не работает на Wordpress

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script> 

<script type="text/javascript"> 
jQuery(function($) { 
    alert("This code is working."); 
     $("#copybutton").zclip({ 
      path: "http://www.ultrasoundoftheweek.com/scripts/zc/ZeroClipboard2.swf", 
      copy: function() { 
       return $('#result').html(); 
      }, 
      beforeCopy: function() {}, 
      afterCopy: function() { 
       alert('Copy To Clipboard : \n' + $('#result').html()); 
      } 
    }); 
}); 
</script> 

<body> 
<button id="copybutton" > Copy To ClipBoard </button> 
<div id="result">Markosian KA, PaÄ­tian NA, Nalbandian RM. [Relation between the membrane and soluble forms of dopamine beta-monooxygenase]. Biokhimiia. 1990;55:(1)147-54. [<a href="http://www.ncbi.nlm.nih.gov/pubmed/2344453" target="_blank">pubmed</a>]</div> 
</body> 
+0

BTW, я получаю «Этот код работает» предупреждение о WP, я подтвердил, что правильный JQuery и я не получаю никаких консольных ошибок. – UltrasoundJelly

ответ

0

Для всех, кто сталкивается с этой проблемой, я понял это. Код был, работающий отлично, но фильм zclip не располагался над моей кнопкой. Я был в состоянии исправить это легко, окружив мою кнопку в DIV и установив позицию по отношению:

<div style="position:relative"><button id="copybutton" >Copy To ClipBoard </button></div> 
Смежные вопросы