jQuery滚动只发生在第一次选择后
问题描述:
我有一个奇怪的问题,我的jQuery。一旦选择了下拉选项,我就有一个要切换到的元素。奇怪的是,它只是在第一次改变后触发。它不会在第一次更改时滚动到正确的元素,但在此之后进行后续更改!jQuery滚动只发生在第一次选择后
为什么忽略第一个?也许我选择了错误的事件属性?我尝试过其他的例如mouseleave(),但没有运气。我觉得我已经使用了正确的属性,因为我希望它在用户选择或更改下拉值时进行滚动。
任何帮助,将不胜感激。
请从下面附上了我的代码:
home.php
//SCROLL TO TRANSFER GUIDE ON click
$("#major").on('change',function() {
$('html, body').animate({
scrollTop: $("#scrollHere").offset().top
}, 1000);
});
major.php
<?php
session_start();
require 'db_connect_clearmaze.php';
?>
<body>
<h3 align="center" class="header whitetext">Choose Your Major</h3>
<?php
$uni = trim($_GET['uni']);
$_SESSION['uni'] = $uni;
$cc = $_SESSION['cc'];
?>
<form align="center">
<select id = "major" class="dropbtn" onmouseover="DropListMajor()"
onmouseout="this.size=1;" onchange="loadTransferGuide(this.value,'<?php echo $uni; ?>','<?php echo $cc; ?>')">
<?php
echo '<option value=""> Select Your Major </option>';
$query = $db -> query("SELECT major FROM majors WHERE university = '".$uni."';");
while($row = $query -> fetch()){
echo '<option value = "'.$row['major'].'">' ?>
<?php echo $row['major'].'<br>' ?> <?php '</option>';
}
?>
</select>
</form>
</body>
答
这change
事件处理$("#major").on('change',function(){...}
被内的另一个change
处理程序规定...
因此,在第一次更改时,第一个内联处理程序定义了第二个处理程序。
这就是为什么它没有在第一次改变时发射。
我猜对了,因为它符合所描述的行为...
也因为这个评论//SCROLL TO TRANSFER GUIDE ON click
。
;?)
它是一种可能性,即'$( “#大”)在( '变',函数()'是'里面loadTransferGuide(...)' –
@LouysPatriceBessette伟大的建议,但不幸的是没有为我工作:(一秒钟我以为你有东西!任何其他的想法? – Mustafa
@LouysPatriceBessette只是尝试另一个位置的文件在其他地方的功能,它完美的作品!谢谢你这么多! – Mustafa