2017-05-27 79 views
0

我有一个奇怪的问题,我的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> 
+1

它是一种可能性,即'$( “#大”)在( '变',函数()'是'里面loadTransferGuide(...)' –

+0

@LouysPatriceBessette伟大的建议,但不幸的是没有为我工作:(一秒钟我以为你有东西!任何其他的想法? – Mustafa

+1

@LouysPatriceBessette只是尝试另一个位置的文件在其他地方的功能,它完美的作品!谢谢你这么多! – Mustafa

回答

1

change事件处理$("#major").on('change',function(){...}被内的另一个change处理程序规定...

因此,在第一次更改时,第一个内联处理程序定义了第二个处理程序。

这就是为什么它没有在第一次改变时发射。

我猜对了,因为它符合所描述的行为...
也因为这个评论//SCROLL TO TRANSFER GUIDE ON click

;?)