javascript - Javascript onclick函数不适用于HTML标题

Question

我希望在单击 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 标题。请帮忙。

Answer 1

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

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

有关演示，请参见http://jsfiddle.net/2S56N/

Answer 2

比 javascript 更好地使用 jquery， 我可以为 <h1> 到 <h6> 标签设置 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>

Answer 3

试试这个我测试它并且它的工作正常：

<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>