使用jQuery的实时预览脚本

Question

＆＃13;

＆＃13;

$(document).ready(function() {
  $(".livepreview").livePreview({
    viewWidth: 400,
    viewHeight: 300,

  });

  $("#btn").click(function() {
    $("#link").trigger("mouseenter");
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.ampedupdesigns.com/js/jquery-live-preview.js"></script>

<a href="http://www.bing.com" target="_blank" id="link" class="livepreview">Hover over to preview, click to link!</a>
<br />
<button id="btn" class="clickpreview">Preview</button>

＆＃13;

＆＃13;

＆＃13;

如何使用jQuery制作实时预览脚本？

我希望我的用户能够实时预览jQuery脚本，以便他们可以使用这些设置。

我找到了这个脚本：jsfiddle但它并没有达到我对此的期望。

所以要解释一下：我希望我的用户预览他们对脚本所做的更改。