onclick事件 - 使用id之外的其他内容调用按钮

时间:2011-08-01 17:07:12

标签: javascript button onclick autoresize

我试图在用户点击按钮时重新运行一个javascript块。该网站是在CMS中创建的,因此我无法访问该按钮来为其提供ID。然而,在萤火虫中,我注意到它有这些值 - >

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

无论如何,我可以通过使用&#39;继续&#39;

的值来打电话给它

仅供参考:按钮是用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编码以匹配&#39;内容的高度。页面加载时的div。在checkout_express页面上,CMS系统的创建者创建了扩展和可折叠div,引导用户完成结账流程。在第三步&#39;运输方法&#39;用户点击“继续”&#39;按钮,用于扩展订单确认步骤&#39;。这个div导致了内容&#39; div比初始加载时要长,但是灯柱的大小只能与内容的初始高度相匹配,而不是订单确认步骤的增加高度,因此它会使灯柱比实际需要的更短。

1 个答案:

答案 0 :(得分:1)

这样可行。

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

修改

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

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

编辑2

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

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

编辑3

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

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