通过内联数据属性传递Javascript函数

前端之家收集整理的这篇文章主要介绍了通过内联数据属性传递Javascript函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个 Javascript文件上传库,其中一个功能是使用HTML5内联数据属性将信息传递给插件.

这对于任何与数据有关的信息,字符串,数字等都是非常有用的,但插件有一些可以分配函数的回调方法.我的问题是,当尝试通过这些内联数据属性传递一个javascript函数,像这样:

<input type="file" name="test" data-on-finish="alert();">

插件提取了对onFinish()回调方法的引用,但是当它尝试执行我放在那里的任何javascript时,我得到错误

Uncaught TypeError: Object alert(); has no method 'call'

我假设它正在阅读alert();作为一个字符串.任何想法如何通过可执行的javascript到插件

我相信我使用的插件是jQuery文件上传插件的扩展:
https://github.com/blueimp/jQuery-File-Upload/wiki/Options

更新:
我也试过使用全局定义的函数,像这样:

<script type="text/javascript">
    function myTesting(){
       alert('yay');
    }
</script>
<input type="file" name="test" data-on-finish="myTesting">

我尝试将data-on-finish属性更改为myTesting,myTesting(),仍然没有运气…

解决方法

为什么不放置回调名称呢?就像是
//for example,a global function
window['someFunctionName'].call();

//a namespaced function
//similar to doing ns.someFunctionName()
ns['someFunctionName'].call();

猜你在找的JavaScript相关文章