使用Jquery进行拖放/文本编辑

Question

我不得不问一个关于jquery的问题。我是jquery的新手，发现了一些拖放文本的代码。我想在文本框中输入文本获取其值，然后拖放写入的文本。

int

<script type="text/javascript">
    $("button:#Get").click(function () {
		
	$('#msg').html($('input:text').val());
		
    });
	
    $("button:#Reset").click(function () {
		
	$('#msg').html("");
	$('input:text').val("");
		
    });
	
    $("button:#Set").click(function () {
		
	$('input:text').val("ABC");
	$('#msg').html($('input:text').val());
		
    });

$(function() {
    $( "#msg" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
	
</script>

问题是这两个脚本完美地在单独的文件中工作。但我必须将其合并到一个文件中。请帮忙

Answer 1

试试这个。对您的选择器进行了更改。如果您希望在丢弃后隐藏第一个拖动，请取消注释<p>***{{ x }}***</p>

$("#msg").hide()

http://jsfiddle.net/7ck1m7q1/3/