如何使标题可点击

Francisunoxx

我在想我的头怎么约和朋友们可以点击。我只是添加class = block它，使其可以单击并使用alert功能检查其是否正常工作。但这是行不通的。

<script>

$(document).on("click", "#about", function ()
{
    alert('Hi');
});

</script>

标头

<div class = "col-lg-6">
    <div class = "panel panel-default" style = "height: 300px;">
        <div class = "panel-heading" style = "height: 50px;">
            <div class="col-xs-3"><h3 class="panel-title" style = "padding-top: 7.5px;"><a class = "block" id = "about">About</a></h3></div>
            <div class="col-xs-3"><h3 class="panel-title" style = "padding-top: 7.5px;"><a class = "block">Friends</a></h3></div>
        </div>
    </div>
</div>

普里耶什·库玛（Priyesh kumar）

$(document).ready( function() {
// wait for page to load
    $("a#about").click( function (){ 
      // do your clicked stuff here
      alert('Hi'); 
    })
});

资料来源：http : //www.w3schools.com/jquery/event_click.asp

更新：工作示例https://jsfiddle.net/atg5m6ym/5740/

仅当您单击关于文本时，您才会收到警报，而在其他任何地方

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。