Question

I am using sammy javascript framework. Problem is when I click over below anchor browser take me on top of page …. How can I prevent this….

Here is html anchor

<a href="#/duplicate/Chart1">Duplicate</a>

and here is JS sammy listner

this.get('#/duplicate/:id', function(context) {
    chartName=this.params['id'];

  for(i=0;i<chartJSONS.length;i++){
    if(chartJSONS[i].chart.renderTo==chartName){
        var obj = jQuery.extend(true, {}, chartJSONS[i]);
        var dupChart=obj.chart.renderTo+"_duplicate";
        obj.chart.renderTo=dupChart;
        chartJSONS[chartJSONS.length++]=obj; 
    }
  }
  $('#chart').html('');
  createCharts();

    return false;
  }); 

Any help is highly appreciated…

Answer 1

You need to do something like this:

$('a').click(function(e){

    e.preventDefault();
    window.location.hash = $(this).attr('href');

});

I suggest you to add a class to every a element you want to handle like this:

<a href="#/duplicate/Chart1" class="myclass">Duplicate</a>

$('.myclass').click(function(e){

    e.preventDefault();
    window.location.hash = $(this).attr('href');

});