使Div无需Javascript即可单击或<；a>；或href

我和一个部门有点小问题

我的div中有一个字体很棒的图标，我希望不使用a或href标签就可以点击它

Javascript——我宁愿不要，除非它是唯一的选择

<h3 class="panel-title">

<div class="panel-x" data-toggle="collapse" data-target="#collapseUser">

Title

</div> 

</h3>

---

您是否尝试过使用jquery执行以下操作

$(".panel-x").on('click',function(e){
  // code logic here
  e.preventDefault();    
});

试试这个 .panel-x{ 字体系列：“FontAwesome”； 内容：“\f057”； 光标：指针；

---

}

尝试使用

光标：指针

：

.panel-x{
光标：指针；/*手动光标*/
边框：1px纯灰；
背景：幽灵白；
显示：内联块；
填充：4px11px；
边界半径：4px；
盒影：0px 1px 1px；
字体系列：“投石机MS”；
}
.panel-x：悬停{
盒影：0px 1px 3px；
}
.panel-x：激活{
盒影：0px 1px 3px插页；
}

标题
有一段很长的文字

试试这个

CSS:

JS:

---

看看这个，如果你想在div上注册onclick事件的功能，那么你必须使用一些js。try cursor:hand in css and for click function将一个事件绑定到div当用户点击它时你想做什么？

$(".panel-x").on('click',function(e){
  // code logic here
  e.preventDefault();    
});

.panel-x:after {
    font-family: 'FontAwesome';
    content: "\f057";
}


div.panel-x { cursor: pointer; cursor: hand; }

$(document).ready(function(){
    $("div.panel-x").on('click',function(){

        console.log("clicked");
    })
})