Исчезает кнопка при наведении на неё - JavaScript, Ajax

CraZZZy-GameRRR · 26.05.2014, 20:15

Добрый вечер.

Есть строки текста, которые нужно скопировать в буфер. Реализовал через ZeroClipboard. Кнопка копирования появляется при наведении курсора на строку. Но она почему-то исчезает, при наведении на неё.

Код:

<html>
	<head>
		<meta charset="utf-8">
		<style>
			.text {
				border: 1px solid #bbb;
				padding: 4px;
			}

			#copy {
				display: none;
			}
		</style>
		<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
		<script src="https://github.com/zeroclipboard/zeroclipboard/raw/1.x-master/ZeroClipboard.min.js"></script>
		<script>
		$(document).ready(function() {
			$(document).on('mouseenter', '.text', function() {
				$('#copy')
				    .hide(0)
				    .stop()
				    .appendTo(this)
				    .fadeIn(300);
			});
		
			$(document).on('mouseleave', '.text', function() {
				$('#copy')
				    .stop()
				    .fadeOut(300);
			});
		
			ZeroClipboard.config({
				moviePath: "https://github.com/zeroclipboard/zeroclipboard/raw/1.x-master/ZeroClipboard.swf"
			});
			var client = new ZeroClipboard($('#copy'));

			client.on( 'dataRequested', function ( client, args ) {
				client.setText('text');
			});
		});
		</script>
	</head>
	
	<body>
		<input type="button" value="copy" id="copy" />
		<div class="text">Бла-бла-бла</div>
		<div class="text">Бла-бла-бла</div>
		<div class="text">Бла-бла-бла</div>
	</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Почему при инверсии изображения, оно (изображение) исчезает?	Blame	Мультимедиа в Delphi	1	02.10.2012 21:11
Уничтожить кнопку при нажатии на неё же.	NoName_emaNoN	Общие вопросы Delphi	28	22.01.2011 15:42
Окно компилятора исчезает при system(pause)	fs444	Общие вопросы C/C++	2	01.09.2010 19:08