2014-04-09 4 views
0

у меня есть HTML с меню 3 ниспадающих, которые являютсяJQuery изменить выпадающее меню сохранить страницу назад к началу

<select id="day"> <select id="month"> <select id="year"> 

, но каждый раз, когда я выбрать один из значения в них, после того, как опция selcted, то страница будет держать назад к началу

я попробовал после подобного случая в
How do I stop a web page from scrolling to the top when a link is clicked that triggers JavaScript?

я добавить скрипт в моем HTML, который

<script> 
$("#day").click(function(e) { 
    return false; 
    e.preventDefault(); 
}); 
</script> 

вот мой короткий HTML файл

<header class="headerNavi"> 
    <div class="headerNaviLeft"> 
     <a href="#home">Back</a> 
    </div> 

    <div class="headerNaviRight"> 
     <a href="#home">Cancel</a> 
    </div> 
</header><!-- End Header --> 
<!-- content --> 

<section id="formDiv"> 
    <h3>Create Link</h3> 

    <p class="tl01">Snap a photo or upload your own, then fill up the details 
    to continue...</p> 

    <div class="rowBox"> 
     <span class="photoBox"> 
      <img id="imageFile" name="imageFile" src="" style="width:100%; min-height:150px;" onclick="getPhoto(navigator.camera.PictureSourceType.PHOTOLIBRARY);" /> 
     </span> 
    </div> 

    <div class="rowBox"> 
     <select id="day"> 
      <option disabled="disabled" selected="selected" value=""> 
       DD 
      </option> 
<option value="1"> 
        1 
       </option> 
// up to 31 
     </select> 
    </div> 
</section> 

вот мой взгляд

define(['jquery', 'underscore', 'backbone', 'text!modules/link/linkCreateViewTemplate.html'], function($, _, Backbone, linkCreateViewTemplate) { 
    var LinkCreateView = Backbone.View.extend({ 
     template: _.template(linkCreateViewTemplate), 
     initialize: function() { 

     }, 
     events: {  
      "click #createButton": "create", 
     }, 
      create: function(event) { 
    window.location.replace("#linkconfirm"); 
}, 
     render: function() { 
      this.$el.append(this.template()); 
     }, 
     remove: function() { 
      Backbone.View.prototype.remove.call(this); 
      $(window).off('scroll'); 
     } 
    }); 
    return LinkCreateView; 
}); 
+0

что точный HTML состав? Можете ли вы сделать скрипку для этого? –

+0

Выпускают ли эти выпадающие списки в виде позвоночника? Если это так, они могут быть перезаписаны, потому что вы меняете модель представления, пожалуйста, разместите код представления. – Hazaart

ответ

1

Попробуйте обернуть код в DOM готовый обработчик $(function(){...});

$(function() { 
    $("#day").click(function(e) { 
     return false; 
     e.preventDefault(); 
    }); 
}); 
Смежные вопросы