如何调整jQuery函数属性值？

首先，我对jQuery非常陌生，但在http://css-tricks.com/examples/Circulate/的帮助下，我设法弄清楚如何在代码中创建省略号。尽管如此，我想为用户创建一个输入字段/文本框，以输入他们自己的“速度”值（现在设置为“500”），然后单击一个提交按钮以启动椭圆。如何调整jQuery函数属性值？

$("#ball").circulate({ 
      speed: 500, 
      height: 500, 
      width: 200, 
      loop: true, 
      zIndexValues: [1, 1, 1, 1] 
     });

我想通了提交按钮的一部分，但我一直手忙脚乱，当涉及到我的网站的访问者找到一种方法，手动输入“速度”。如果有人能指出我正确的方向/可以给我一个出发点，我会非常感激。

来源

2015-02-08 Rorschach

从输入中获取速度并将其设置为变量，然后在函数中将该数字替换为变量。 – sideroxylon 2015-02-08 00:03:39

你能提供一些你的html的一部分吗？以及你如何调用这个程序？ – nanndoj 2015-02-08 00:03:43

试试这个：

$('#submitButton').click(function() { 
    var userSpeed = +$('#inputBox').val(); 
     if (!userSpeed) {userSpeed == 500}; 
    $("#ball").circulate({ 
       speed: userSpeed, 
       height: 500, 
       width: 200, 
       loop: true, 
       zIndexValues: [1, 1, 1, 1] 
      }); 
});

然后，当提交用户点击按钮，您的代码获得新的价值，并将速度的功能。如果用户在未输入号码的情况下点击该按钮，则使用默认速度。

来源

2015-02-08 00:09:56 sideroxylon

谢谢你的帮助，这肯定会让我走上正轨。我仍然有点卡住了，并创建了一个jsFiddle，如果你想看看（输入值似乎并没有改变速度..只是当我手动设置代码速度自己它似乎工作）。 http://jsfiddle.net/Rorschach_/qxcn4zxc/10/ – Rorschach 2015-02-08 23:16:58

对不起 - 我的答案中有一个错字（我已经在上面编辑过） - 请注意第二行中的“+”号。 'val（）'返回一个字符串 - 并且你想要一个数字。它现在应该工作。 [FIDDLE]（http://jsfiddle.net/qxcn4zxc/11/） – sideroxylon 2015-02-08 23:39:55

你摇滚！非常感谢。 =） – Rorschach 2015-02-09 23:43:56

您必须使用.val（）函数从输入中获取值，然后使用它来设置速度。

var input = $("#YOUR_INPUT_ID"); 
$("#ball").circulate({ 
     speed: input.val(), 
     height: 500, 
     width: 200, 
     loop: true, 
     zIndexValues: [1, 1, 1, 1] 
});

来源

2015-02-08 00:06:58 nanndoj

感谢你（都）我终于走上了正轨。不幸的是，我一整天都在努力工作，但我仍然有点卡住。我已经创建了一个jsFiddle，也许你会愿意看看？这是在这里：http://jsfiddle.net/Rorschach_/qxcn4zxc/10/虽然'发射'按钮确实让球移动弧（改变，而不是椭圆，因为这是我真正想要的），它不会改变输入到输入框中的速度。我查阅了有关.val（）和输入标签的文档，但我无法完全明白出错的地方。 – Rorschach 2015-02-08 23:05:41

如何调整jQuery函数属性值？

回答

相关问题