1

我不是 jQuery 和 javascript 方面的专家，但已经实现了我想要的。在https://wand-op-maat.nl上，您会在顶部看到一个定制器。在其下方的字段中输入值时，图像和墙壁会发生变化。走到这一步是一个安静的挑战，但我在页面加载方面遇到了一些问题..

字段中的值并不总是更新图像大小，当您更改字段时，它总是可以完美运行。

这是墙上壁龛之一的示例：

$("#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 代码或定制器有任何提示，我也很高兴听到它们 :-)

问候，

菲利普

4

0 回答 0