HTML图像';onclick';调用javascript函数时重定向到其他页面(不需要)

HTML图像';onclick';调用javascript函数时重定向到其他页面(不需要),javascript,html,ruby-on-rails,ruby,Javascript,Html,Ruby On Rails,Ruby,我有一个要单击的HTML图像,它将触发调用javascript函数,该函数将根据ruby生成的集合对页面进行一些更改。但每当我尝试调用函数时,它都会重定向到另一个页面(pages\main.html.erb),这不是我想要的 html图像(及相关代码): 我已经用'addParticipant()'中的代码替换了警报('hello'),它在没有重定向的情况下运行良好,那么我的javascript代码中是什么导致了这个问题呢?非常感谢您的帮助。弹出的警报对话框会停止默认的单击行为,但您的代码不会

我有一个要单击的HTML图像,它将触发调用javascript函数,该函数将根据ruby生成的
集合对页面进行一些更改。但每当我尝试调用函数时,它都会重定向到另一个页面(pages\main.html.erb)
,这不是我想要的

html图像(及相关代码):


我已经用
'addParticipant()'
中的代码替换了
警报('hello')
,它在没有重定向的情况下运行良好,那么我的javascript代码中是什么导致了这个问题呢?非常感谢您的帮助。

弹出的警报对话框会停止默认的单击行为,但您的代码不会

您需要明确地做到这一点:

function addParticipant(e) {
  ...
  e.preventDefault();
}

试着在src中加“#”,你的意思是把它加在开头吗?我试过了,但它仍然重定向..抱歉,“addParticipant()”%>试试这个rails链接RubyMine不喜欢这种语法出于某种原因,它突出显示了:onclick说“应为%>;,或者你确定你在
:onclick
之前有逗号吗?你能想到这种情况还会发生的其他原因吗?我很困惑它如何知道该发送到哪个页面,以及如何获取其地址renderColCal(这个)中有什么内容?
//application.js

var List = document.getElementById('list'); //found in events\new.html.erb

function addParticipant(){

    var name = document.getElementById('colleague-select').textContent; //gets :full_name of selected Customer
    var entry = document.createElement('li'); //creates new list element within ordered list 'list'
    entry.appendChild(document.createTextNode(name)); //adds :full_name to list element
    List.appendChild(entry); //adds list element to ordered list

}
function addParticipant(e) {
  ...
  e.preventDefault();
}