2017-05-08 37 views
0

当我尝试在jquery 中使用外部JavaScript库时,我想从我的页面获取自定义值,然后使用外部JavaScript插件操作该值,然后返回新值(或替换为旧值),低于 是我的代码:如何在jQuery中使用外部JavaScript库?

<html> 
    <head> 
    <meta charset="utf-8"> 
    <script src="jquery.js"></script> 
    <script src="external-library.js"></script> 
    <script> 
    var OldValue; 
    var NewValue; 
    OldValue = $(".raw-Data").html(); 
    NewValue = new External-function(OldValue); 

    $(document).ready(function() { 
    $(".result").text(NewValue); 
    }); 
    </script> 
    </head> 

    <body> 
    <div class="raw-Data">1318781876406</div> 
    <div class="result"></div> 
    </body> 
    </html> 

当我加我<script>节在我的文档<head>部分像上面的代码中所有的东西正常工作,我没有任何问题,但 出现的问题,当我在结束之前要在文件末尾添加<script><body>标记 因为使用Drupal CMS初始化文档底部的JavaScript库。

<html> 
    <head> 
    <meta charset="utf-8"> 
    </head> 

    <body> 
    <div class="raw-Data">1318781876406</div> 
    <div class="result"></div> 

    <script src="jquery.js"></script> 
    <script src="External-Library.js"></script> 
    <script> 
    var OldValue; 
    var NewValue; 

    $(document).ready(function() { 
    OldValue = $(".raw-Data").html(); 
    NewValue = new ExternalFunction(OldValue); 
    $(".result").text(NewValue); 
    }); 
    </script> 
    </body> 
    </html> 

我想知道什么是正确和紧凑的方法来做到这一点。

感谢您的任何帮助或建议。

+0

make'var Ol d-值; var New-Value;'var'oldValue; var newValue'并且不在函数名称中使用'-',那将不起作用 –

+2

在文档准备就绪之前,您试图从HTML'Old-Value = $(“。raw-Data”)。html();中读取数据。将这行写入'$(document).ready(' – Liam

+0

@Liam:非常感谢,我将'OldValue = $(“。raw-Data”)。html();'移至'$(document).ready ('section but nothing changed。 –

回答

0

JS变量名称/函数不能包含-符号。

通过JavaScript中使用的通用命名约定是驼峰

使New-Value应该成为newValueExternal-Function应更改为externalFunction

看到W3Schools的JavaScript变量的命名约定的更多信息:

https://www.w3schools.com/js/js_conventions.asp

+0

非常感谢,我改变我的变量名称,但没有任何改变。 –