JQUERY Uncaught Error: Syntax error, unrecognized expression: # on javascript: void(0)
JQUERY Uncaught Error: Syntax error, unrecognized expression: # on javascript: void(0)
我正在使用 bootstrap 3,自从我开始使用 jQuery 3.4.1 以来,我一直在控制台中收到此错误:
未捕获错误:语法错误,无法识别的表达式:#
这是违规元素。
<div class="btn-group">
<button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"
id="status-button">
Nuevo <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript: void(0);" onclick="changeStatus(1)">Nuevo</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(2)">En progreso</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(3)">Completado</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(4)">En espera</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(5)">Cancelado</a></li>
</ul>
</div>
<input type="hidden" id="taskid" value="15" />
奇怪的是,我在代码中的任何地方都找不到引用的 changeStatus 函数。
我是 jQuery 和 JS 的新手,不知道如何解决这个问题,所以如果可能的话给我一个提示。
编辑:我很笨。我没有在正确的文件夹中查找。这是代码
function changeStatus(id) {
$('#status-button-update').fadeIn(100);
var taskid = $('#taskid').val();
$.ajax({
url: global_base_url + "tasks/change_status",
type: "GET",
data: {
status : id,
taskid : taskid
},
dataType : 'json',
success: function(msg) {
if(msg.error) {
alert(msg.error_msg);
return;
}
if(id == 1) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-info btn-xs dropdown-toggle");
$('#status-button').html('New <span class="caret"></span>');
} else if(id == 2) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-primary btn-xs dropdown-toggle");
$('#status-button').html('In Progress <span class="caret"></span>');
} else if(id == 3) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-success btn-xs dropdown-toggle");
$('#status-button').html('Completed <span class="caret"></span>');
} else if(id == 4) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-warning btn-xs dropdown-toggle");
$('#status-button').html('On Hold <span class="caret"></span>');
} else if(id == 5) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-danger btn-xs dropdown-toggle");
$('#status-button').html('Cancelled <span class="caret"></span>');
}
//$('#status-button-update').html(msg);
$('#status-button-update').fadeOut(500);
}
})
通过降级到 jquery 2.2.4
解决
我正在使用 bootstrap 3,自从我开始使用 jQuery 3.4.1 以来,我一直在控制台中收到此错误:
未捕获错误:语法错误,无法识别的表达式:#
这是违规元素。
<div class="btn-group">
<button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"
id="status-button">
Nuevo <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript: void(0);" onclick="changeStatus(1)">Nuevo</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(2)">En progreso</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(3)">Completado</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(4)">En espera</a></li>
<li><a href="javascript: void(0);" onclick="changeStatus(5)">Cancelado</a></li>
</ul>
</div>
<input type="hidden" id="taskid" value="15" />
奇怪的是,我在代码中的任何地方都找不到引用的 changeStatus 函数。 我是 jQuery 和 JS 的新手,不知道如何解决这个问题,所以如果可能的话给我一个提示。
编辑:我很笨。我没有在正确的文件夹中查找。这是代码
function changeStatus(id) {
$('#status-button-update').fadeIn(100);
var taskid = $('#taskid').val();
$.ajax({
url: global_base_url + "tasks/change_status",
type: "GET",
data: {
status : id,
taskid : taskid
},
dataType : 'json',
success: function(msg) {
if(msg.error) {
alert(msg.error_msg);
return;
}
if(id == 1) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-info btn-xs dropdown-toggle");
$('#status-button').html('New <span class="caret"></span>');
} else if(id == 2) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-primary btn-xs dropdown-toggle");
$('#status-button').html('In Progress <span class="caret"></span>');
} else if(id == 3) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-success btn-xs dropdown-toggle");
$('#status-button').html('Completed <span class="caret"></span>');
} else if(id == 4) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-warning btn-xs dropdown-toggle");
$('#status-button').html('On Hold <span class="caret"></span>');
} else if(id == 5) {
$('#status-button').removeClass();
$('#status-button').addClass("btn btn-danger btn-xs dropdown-toggle");
$('#status-button').html('Cancelled <span class="caret"></span>');
}
//$('#status-button-update').html(msg);
$('#status-button-update').fadeOut(500);
}
})
通过降级到 jquery 2.2.4
解决