javascript - Uncaught ReferenceError : addFriend is not defined

标签 javascript jquery html opencart

当通过 html onClick 调用调用时,我无法使 JavaScript 函数正常工作。调用代码为

<tr data-name="buttons" style="border-top: #FFF 1px Solid;margin-top:10px">
                <td colspan="2"><a onClick="addFriend()" class="button"><?php echo $addFriend ?></a></td>
            </tr>

代码中更下面的函数是

<script type="text/javascript">

    var emailFriend = 1;

    function addFriend(){
        var html  = '<tr id="friend' + emailFriend + '">';
            html += '   <td><?php echo $friendEmail ?></td>';
            html += '   <td>';
            html += '       <input type="text" name="emailFriend[' + emailFriend + ']" data-name="emailFriend" size="60" />';
            html += '       <a onClick="$(\'#friend' + emailFriend + '\').remove()" class="emailRemove"></a>';
            html += '   </td>';
            html += '</tr>'
        $('tr[data-name="buttons"]').before(html);
        emailFriend++;
    }</script>

但是,当单击该按钮时,不会执行任何操作。 Google Chrome 控制台显示 Uncaught ReferenceError: addFriend 未定义。

我认为要么是语法错误,要么是我完全遗漏了一些东西。有什么想法吗?

最佳答案

我的猜测是,在解析 addFriend 函数之前,您的脚本中存在错误,这就是它未定义的原因。通过注释掉除此函数之外的所有内容来测试它,看看它是否有效。然后开始添加碎片,直到崩溃。当它出现时,您就会知道实际问题出在哪里。

关于javascript - Uncaught ReferenceError : addFriend is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28730667/

相关文章:

javascript - 如何使用jquery将html代码添加到div中

html - CSS 显示 :block will not render a div area as visable on @media screen width change

jquery - 中心 flexslider 图像

javascript - jquery javascript - 将脚本标记添加到 dom 会导致奇怪的行为 - 多次调用方法

javascript - 打开和关闭导航菜单并在单击时关闭其他导航菜单

javascript - 下拉选择不自动填充文本框

javascript - 登录表单 API 响应代码

javascript - 绘制形状,插入数据

javascript - 上传前的图像预览不适用于 + image+_row

javascript - 使用 Meteor 而不使用其模板库