jQuery按钮与链接功能相同

时间:2012-07-07 14:19:01

标签: jquery

jQuery是

$(function() {
    // videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID
    $(".videoThumb4").on('click').ytplaylist({
        holderId: 'ytvideo4',
        html5: true,
        playerWidth: '520',
        autoPlay: false,
        sliding: false,
        listsliding: true,
        social: true,
        autoHide: false,
        playfirst: 0,
        playOnLoad: false,
        modestbranding: true,
        showInfo: false
    });
});

主要的可点击链接是

<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
    ' . $yValue['description'] . '
</a>

然后我想要这个链接就像下面的按钮。具有相同的价值和功能。 这是正确的按钮是

<input class="videoThumb4" onclick="ytplaylist();" type="button" name="previewSel" value="Preview" id="previewbut">

示例链接为YT

1 个答案:

答案 0 :(得分:0)

由于函数的jQuery选择器是使用css类名编写的,因此您只需要为元素指定相同的类名。删除onlick事件,因为功能已在就绪事件中受限。

您还缺少按钮元素的结束标记。

<input class="videoThumb4" type="button" 
                           name="previewSel" value="Preview" id="previewbut" />