Javascript onclick 函数在 HTML 标题上不起作用


Javascript onclick function not working on HTML heading

我希望在单击 HTML 标题时触发 onclick,如下面的代码所示。

<h2 class="title" onclick="viewPost('<?php echo $pageLink; ?>', '<?php echo $tabLink; ?>');">
<?php echo $menuItem["ContentMenu"]['title']; ?>
</h2>

我的JavaScript函数如下

<script>
function viewPost(pageLink,tabLink){
   //do something
    }
</script>

我的问题是 onclick 在 HTML 链接中工作正常

<a href="#foo" onclick="viewPost('<?php echo $pageLink; ?>', '<?php echo $tabLink; ?>');" > 

但它在 HTML 标题中不起作用。请帮忙。

您是否检查过生成的 HTML/Javascript 是否有效。这对我来说很好用

<h1 onclick="alert('Hello');">A heading</h1>
<p>Some text</p>

请参阅 http://jsfiddle.net/2S56N/以获取演示

最好使用 jquery 而不是 javascript, 我可以有

标签的 onClick() 事件吗?
$('h2').click(function(){
   //do something on click
});

我也尝试了你的代码并进行了一些修改(如下),它工作正常

<script>
function viewPost(pageLink,tabLink){
alert(pageLink);
}
</script>
<?php
$tabLink = 1;
$pageLink = 2;
?>
<h2 class="title" onclick="viewPost('<?php echo $pageLink; ?>', '<?php echo $tabLink;     ?>');">click</h2>

试试这个我测试它,它的工作正常:

<script>
function viewPost(pageLink,tabLink){
    alert("pageLink is" + pageLink +"tabLink is "+tabLink);
 }
</script>

<h2 class="title" onclick="viewPost('<?php echo 'testLink'; ?>', '<?php echo 'tabLink'; ?>');">
Click me
</h2>
<a href="#foo" onclick="viewPost('<?php echo 'testLink'; ?>', '<?php echo 'tabLink'; ?>');" > Click me</a>