Question

我正在尝试编写以使用此语法在我的选择按钮中调用js functionaly ...

选择

但它不能正常工作...... 你们能告诉我如何修理它吗？在下面提供我的代码......

<div id="wrap_plans">

        <div class="plan">
            <div class="plan_head"><span class="hdr">Power</span><span class="tag">$64.95</span>
            </div>
            <div class="plan_spec"><span class="hdr">45 / 8</span> Mbps</div>
            <button onclick="UversePlanSelector()">Select</button>
        </div>
    </div>

Answer 1

首先，UversePlanSelector不在全局对象

中

自：

function UversePlanSelector(wrap, plans_in, plans_tv) {...
// > ReferenceError: UversePlanSelector is not defined

要：

UversePlanSelector = function UversePlanSelector(wrap, plans_in, plans_tv) {...

第二，UversePlanSelector是一个构造函数

自：

<button onclick="UversePlanSelector()">Select</button>
// > Uncaught TypeError: Object [object global] has no method 'init'

要：

<button onclick="new UversePlanSelector()">Select</button>

第三，UversePlanSelector接受3个参数，其中没有一个给出

声明：

UversePlanSelector = function UversePlanSelector(wrap, plans_in, plans_tv) {...

呼叫：

<button onclick="new UversePlanSelector( /* No args given */ )">Select</button>

Consecuence：

> Uncaught TypeError: Cannot read property 'length' of undefined

可能在plans_in中，但我认为你应该是谁调试它： - ）

Answer 2

jsfiddle会将所有js代码包装成一个函数，这就是你的html无法看到的原因。要解决这个问题，只需将函数分配给变量，如下所示：

window.f = function() {...} //instead of function f() {...}

检查updated fiddler

通过html标签的onclick按钮的js功能

2 个答案: