如何从输入中获取值并将其传递给jquery中使用的插件对象

我已经使用插件来创建百分比加载器循环。以下是初始化该插件之后使用的JS：如何从输入中获取值并将其传递给jquery中使用的插件对象

$("#test-circle").circliful({ 
       animation: 1, 
       animationStep: 5, 
       foregroundBorderWidth: 15, 
       backgroundBorderWidth: 15, 
       percent: 35, 
       textSize: 28, 
       textStyle: 'font-size: 12px;', 
       textColor: '#666', 
       multiPercentage: 1, 
       percentages: [10, 20, 30] 
      });

我希望用户百分比变化的值。对于这个我已经使用：

$("#submit").click(function(){ 
       var deg = ("#input").val(); 
       var degree = deg; 
      });

现在我有来自用户的价值，但我不知道如何将它传递给插件。我很新的jQuery的，而在这样做有一些麻烦，

来源

2017-03-23 pratteek shaurya

尝试将整个'circliful'功能，把它放到你的点击事件，然后换'百分比：程度，' –

您可以覆盖的circliful一些选项在点击处理程序：

var options = { 
    percent: 39 
    }; 
    $("#test-circle").circliful(options); 

    $('#submit').on('click', function() { 
    var deg = $('#input').val(); 
    options.percent = deg; 
    $("#test-circle").find('svg').remove(); 
    $("#test-circle").circliful(options); 
    });

Example

PS：你在使用ID submit你点击处理程序，如果这个元素是一个提交按钮，并且你正在提交一个表单，你必须工作aroun d由表单提交触发的重新加载。在点击处理程序中使用e.prevenDefault并提交表单，例如通过ajax或保存百分比并在表单提交后应用。如果这当然适用于你。

来源

2017-03-23 07:13:11 empiric

日Thnx，这工作正常。但只有一个是问题在那里，每当我点击，它使一个重复的圆圈 –

每次你点击提交按钮，你可以删除前一个绘图我猜。你可以做一些像$（'＃test-circle'）。remove（）在circle.circliful（{percent：deg}）之前; –

@AKSHAYJAIN不工作 –

提交重新加载页面和重置一切

来源

2017-03-23 07:18:04 zach274

如何从输入中获取值并将其传递给jquery中使用的插件对象

回答

相关问题