jquery - jQuery按钮与链接相同的功能

Question

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

Answer 1

由于函数的 jQuery 选择器是使用 css 类名编写的，因此您只需为元素提供相同的类名。删除 onlick 事件，因为该功能已在 ready 事件中绑定。

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

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