更新 jquery 插件选项而不刷新页面

Question

我有这个代码的插件倒计时：

 $("#submit").click(function(){
    Location.reload();
    $("#biscuit").biscuit({
       Width : $("#width").val(),
       BgColor : $("#BgColor").val(),
    });
 });

我创建了一个表格来更新饼干插件选项。表格如下：

<p class="title">width</p>
<input id="width" name="width" value="150">
<p class="title">bgColor</p>
<input id="BgColor" name="width" value="#654321">  
<button id="submit">submit</button>

我想在每次按下提交按钮后更新饼干插件选项。这些插件选项需要我刷新页面才能更新插件。请帮助我找到在按下提交按钮后更新插件选项的方法。 谢谢

Answer 1

删除Location.reload();，您的 Jquery 选择器中的双引号会出现一些错误。

我不是 100% 了解 $.biscuit() 以及插件是否以这种方式更新，但我会首先尝试删除 Location.reload();， 这实际上是重新加载页面，将其恢复为默认值。

Answer 2

这应该适合你：

$("#submit").click(function(e){//now add e to your function
        e.preventDefault;//now prevent submit happen so it wont refresh
        Location.reload();
        $("#biscuit").biscuit({
           Width : $("#width").val(),//you forgot one " here
           BgColor : $("#BgColor").val(),//also you forgot one " here
        });
       });