我不是jQuery和javascript方面的专家,但是已经取得了我想要的东西。在https://wand-op-maat.nl上,您会在顶部看到一个定制器。在其下方的字段中输入值时,图像和墙会更改。达到这一目标确实是一个挑战,但我在页面加载方面遇到了一些问题。
字段中的值并不总是会更新图像尺寸,当您更改字段时,它总是可以正常工作。
这是墙上一个壁ni的一个例子:
$("#nis1").bind('change load rightnow', function() {
if ($(this).is(':checked')) {
$("#nis1breedte, #inputnis1breedte").bind('change load paste keyup rightnow', function() {
var nis1breedte = ($( this ).val()) / 2;
$( "div.nis-1" ).width( nis1breedte + 'mm');
}).triggerHandler("rightnow");
$("#nis1hoogte, #inputnis1hoogte").bind('change load paste keyup rightnow', function() {
var nis1hoogte = ($( this ).val()) / 2;
$( "div.nis-1" ).height( nis1hoogte + 'mm');
}).triggerHandler("rightnow");
$("#nis1positielinks, #inputnis1positielinks").bind('change load paste keyup rightnow', function() {
var nis1positielinks = ($( this ).val()) / 2;
$( "div.nis-1" ).css( 'left', nis1positielinks + 'mm');
}).triggerHandler("rightnow");
$("#nis1positieonder, #inputnis1positieonder").bind('change load paste keyup rightnow', function() {
var nis1positieonder = ($( this ).val()) / 2;
$( "div.nis-1" ).css( 'bottom', nis1positieonder + 'mm');
}).triggerHandler("rightnow");
}
}).triggerHandler("rightnow");
我希望有人能够在这里指导我正确的方向。
如果您对我的jquery代码或定制程序有任何建议,我也很高兴听到它们:-)
此致
菲利普