按钮onclick替换为DIV

时间:2015-07-29 10:52:57

标签: javascript jquery html

我想在博客的模板设计中用DIV替换按钮。 按钮的代码是

<button onClick="menu1.toggle();" class="sideviewtoggle fa fa-bars"></button>

我正在使用的jquery脚本是

jQuery(function(){ // on DOM load
    menu1 = new sidetogglemenu({  // initialize first menu example
        id: 'togglemenu1',
        marginoffset: 10,
        downarrowsrc: 'toggledown.png'
    })

})

它会在点击时打开一个siedbar切换菜单。我不想为此目的使用<button>标记,而是想使用<div>标记,以便功能onclick而不是button。我认为它可以通过使用一个小的Javascript代码来完成,但因为我是Javascript的新手,所以我自己无法做到这一点? 我该怎么办? 这是模板的网址。 http://testing-prov4.blogspot.com

1 个答案:

答案 0 :(得分:1)

听起来您希望使用div元素来触发滑出菜单而不是button元素。这很容易实现。您当前的代码为:

<button class='sideviewtoggle fa fa-bars' onClick='menu1.toggle();'></button>

您可以将其替换为:

<div class='sideviewtoggle fa fa-bars' onClick='menu1.toggle();'></div>

不改变任何功能。 (CSS稍微改变一下)