【问题标题】:onclick event - call a button using something other than idonclick 事件 - 使用 id 以外的其他内容调用按钮
【发布时间】:2011-08-01 17:07:11
【问题描述】:

当用户单击按钮时,我试图重新运行一段 javascript。该站点是在 CMS 中创建的,因此我无权访问该按钮来为其指定 ID。但是,在萤火虫中,我注意到它具有这些值->

<input type="submit" value="Continue">

无论如何我可以通过使用“继续”的值来调用它吗?

仅供参考:按钮是用 php 编码的,我想重新运行以下内容

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript">
    $(window).load(function resizePole(){
    var ht=($('#LayoutColumn2').height() > $('#LayoutColumn3').height()) ?
    $('#LayoutColumn2').height() : $('#LayoutColumn3').height(); $('#lightPole').height(ht); }); </script>

我正在尝试使用:

onclick="return resizePole();"

哦,我对 javascript 几乎一无所知 :)

链接到正在处理的页面 - 您可能需要创建一个客户帐户。输入一些乱码,我可以稍后删除它

link to site

问题是什么:好的,让我解释一下应该发生的事情。我创建了一个名为“灯杆”的 div,该 div 包含一个灯杆的背景图像,该图像是用 javascript 编码的,以匹配页面加载时“内容”div 的高度。在 checkout_express 页面上,CMS 系统的创建者创建了可扩展和可折叠的 div,引导用户完成结帐过程。在第三步“运输方法”中,用户单击“继续”按钮,该按钮展开“订单确认步骤”。此 div 导致“内容”div 比初始加载时长,但灯杆的大小仅与内容的初始高度匹配,而不是订单确认步骤的添加高度,因此它导致灯杆比实际短需要。

【问题讨论】:

    标签: javascript button onclick autoresize


    【解决方案1】:

    这会起作用。

    $('[type="submit"][value="Continue"]').click(function () {
    {
        return resizePole();
    });
    

    编辑

    正如 cmets 中所指出的,有一种更简洁的方法可以做到这一点。我通常出于习惯使用上面的方法(这样更容易将未来的逻辑添加到点击事件中)。

    $('[type="submit"][value="Continue"]').click(resizePole);
    

    编辑 2

    要回答 cmets 中的问题 - 是的,您也可以按 div ID 进行过滤。这将附加到 id 为 DivIdHere 且值为 Continue 的 div 内所有提交按钮的单击事件。

    $('#DivIdHere [type="submit"][value="Continue"]').click(resizePole);
    

    编辑 3

    这有点脏,但是在查看了您更新的要求之后,这应该可以解决问题。基本上,它将点击事件添加到页面上具有 continue 值的最后一个提交按钮(根据您提供的链接,这似乎是运输部分)。

    $('[type="submit"][value="Continue"]:last').click(resizePole);
    

    【讨论】:

    • 他的问题中有 JQuery 语法 ;)
    • 什么...为什么要在匿名函数中返回函数的值? function(){return a();} == a
    • @James Hill - 我认为价值的实例不止一个继续
    • @bjstone15,只要不超过一个提交按钮的值为继续,就可以了。这只会找到值为 continue 的提交按钮。
    • @Hello71 - 你在说什么? (我是 jquery 的新手)
    猜你喜欢
    • 1970-01-01
    • 2015-06-25
    • 1970-01-01
    • 2018-01-09
    • 2021-12-30
    • 1970-01-01
    • 2022-11-21
    • 2012-08-17
    • 1970-01-01
    相关资源
    最近更新 更多