2016-09-30 45 views
0

我都尝试from this answer一个js文件,没有他们的工作:有道包括在另一

$(function() { 
    var imported = document.createElement('script'); 
    imported.src = '/assets/admin/receipt_zooming.js'; 
    document.head.appendChild(imported); 

    $('.rotate-receipt').on('click', rotateImage()); 
    $('.zoom-in').on('click', zoomHandler('+')); 
    $('.zoom-out').on('click', zoomHandler('-')); 
//

OR

$.getScript('/assets/admin/receipt_zooming.js', function() 
    { 
    $('.rotate-receipt').on('click', rotateImage()); 
    $('.zoom-in').on('click', zoomHandler('+')); 
    $('.zoom-out').on('click', zoomHandler('-')); 
    }); 
}); 

receipt_zooming文件:

$(function() { 
    return function() { 
    var zoomHandler = function(sign) { 
    return function() { 
     var index = $(this).data('button-index'); 
     var image = $('#receipt-image-' + index); 
     switch (sign) { 
     case '+': 
      image.width(image.width() + 100); 
      break; 
     case '-': 
      image.width(image.width() - 100); 
     } 
    }; 
    }; 
    var rotateImage = function() { 
    var angle = 0; 
    return function() { 
     var index = $(this).data('button-index'); 
     angle = (angle + 90)%360; 
     var className = 'rotate' + angle; 
     $('#receipt-image-'+index).removeClass().addClass(className); 
    }; 
    }; 
} 
}); 

我需要在另外几个文件中包含receipt_zooming.js。请帮忙。

编辑:我可以知道为什么有人-1而不是帮助吗?

+1

'我需要在其他几个文件中包含receipt_zooming.js什么意思?您不会将一个js文件包含到另一个js文件中,您将两个文件都包含在HTML页面中......或者您从js文件中加载另一个文件以包含在页面上 –

+0

使用文本编辑器并在头部添加脚本标记你想要的页面与src文件的路径 – madalinivascu

+0

我不能将它包含在html文件中,它是一个rails应用程序 –

回答

-1
function loadScript(file) { 
    var imported = document.createElement('script'); 
    imported.src = '/assets/admin/receipt_zooming.js'; 
    imported.type = "application/javascript"; 
    document.head.appendChild(imported);  
} 
+0

虽然这段代码可以解决这个问题,[包括一个解释](http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)确实有助于提高你的文章的质量。请记住,您将来会为读者回答问题,而这些人可能不知道您的代码建议的原因。 – andreas