2014-09-27 3 views
0

Эй, надеюсь, это простое решение:zClip - Копирование только видимый текст

По щелчку кнопки я хочу, чтобы иметь возможность скопировать только текст, который виден в ид = «описание». Что я делаю не так?

HTML:

<p id="description"> Test <span style="display:none">test2</span></p> 
<button type="button" id="copy-description">Click Me!</button> 

JQuery:

<script type="text/javascript" src="js/jquery.zclip.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

$('#copy-description').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:$('p#description').text() 
}); 

// The link with ID "copy-description" will copy 
// the text of the paragraph with ID "description" 


$('a#copy-dynamic').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:function(){return $('input#dynamic').val();} 
}); 

// The link with ID "copy-dynamic" will copy the current value 
// of a dynamically changing input with the ID "dynamic" 

}); 

</script> 

ответ

0

Он должен быть в родительском теге как р тег, а затем вызвать продолжительность видимого в пределах этого тега.

HTML:

<p id="description"> 
    <span id=""> Test </span> 
    <span style="display:none; visibility:hidden;">test2</span> 
</p> 

JQuery:

$('#copy-description').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:$('#description span:visible').text() 
}); 
Смежные вопросы