href属性中的JavaScript函数调用

Question

我试图通过<a>标记中的href属性调用基本的javascript函数。 我之前已经做过无数次了，但是现在每个浏览器都在jQuery的href javascript调用上引发jQuery异常，并且某些浏览器选择不运行它，而是打开一个空白的新窗口。 在这一点上我只是紫罗兰色。 有任何想法吗？

HTML：

<td>
    <a href="javascript:showQuote(12);" data-toggle='modal' target='#quoteBox'>
        View Quote
    </a>
</td>

JavaScript / jQuery：

function showQuote(id){
    $("#spot").load("viewQuote.php?id=" + id);
    $('#modal').modal('show');
}

Chrome是唯一可以在其中运行的浏览器（仍然会引发错误）。 我已经通过一些在线验证器运行了此程序，结果发现它们很干净。

另外，我正在使用jQuery 1.11.3版。

Answer 1

最好以“ jquery”风格编写。

更新的答案-使用当前控件ID

<td>
    <a href="" data-toggle='modal' id="12" class="mylink" target='#quoteBox'>
        View Quote
    </a>
</td>

在Document.Ready ..

 $('.mylink').on('click',function(event){
      event.preventDefault();
      var id = $(this).attr('id');
      $("#spot").load("viewQuote.php?id=" + id);
      $('#modal').modal('show');
 })

Answer 2

HTML

 <td><a href="javascript:showQuote(12,event);" data-toggle='modal' target='#quoteBox'>View Quote</a></td>

Java脚本

function showQuote(id,event){
$("#spot").load("viewQuote.php?id=" + id);
$('#modal').modal('show');
 event.preventDefault();
 return false;
}