Problems with navigation and json request

Problems with navigation and json request

Hello,

i have problems with navigation on my html site.

I use the bb-bqq.js and jquery.

Code Example:

In one external javasrcipt file i started the standard json request and use the .push function for the result.

the main file called the javascript by clicking button.

The result will be pushed in a div and will be show - thats noch problem. i have problem to get back before i started the request by the button.

I think the soultion should be easy, because it's a standard way in using mobile sites.

I hope someone has the idea or a solution.

Thanks.

main site:

  1. <head>
  2. ....
  4. <script type="text/javascript" language="JavaScript" src="lib/js/jquery.ba-bbq.js"> </script>
  5. <script type="text/javascript" language="JavaScript" src="lib/js/nav.js"> </script>
  6. ....
  7. </head>


      [....]
  1. <div class="page-main" id="main" href="main">
  3.  <div id="test1">   <a href="#test1">test 1</a> </div>
  4.   <div id="test2">   <a href="#test2" id="products">test 2</a> </div>
  5.   <div id="test3">   <a href="#test3">test 3</a> </div>
  6.   <div id="test4">   <a href="#test4">test 4</a> </div>
  7. </div>

[....]

external js:

  2. $(document).ready(function (){

  4. $("#products").click(function(event){
  5. $.getJSON("lib/products", function(data){
  6.             var html = [];

  8.       $.each(data, function(index, pr){

  10.       html.push( pr.name + ' '+ pr.nr)

  12.       });

  14.      $("#test2").html(html.join(''));

  16.          });

  18.       });


  21.            }).
  22.            error(function(jqXHR, textStatus, errorThrown){ /* assign handler */
  23.           /* alert(jqXHR.responseText) */
  24.           alert("error occurred!");
  25.       });

nav.js

  2. $(document).ready(function (){
  3. $(function(){

  5.   // Bind an event to window.onhashchange that, when the hash changes, gets the
  6.   // hash and adds the class "selected" to any matching nav link.
  7.   $(window).hashchange( function(){
  8.     var hash = location.hash;

  10.     // Set the page title based on the hash.
  11.     document.title = 'The hash is ' + ( hash.replace( /^#/, '' ) || 'blank' ) + '.';

  13.     // Iterate over all nav links, setting the "selected" class as-appropriate.
  14.     $('#main button').each(function(){
  15.       var that = $(this);
  16.       that[ that.attr( 'href' ) === hash ? 'addClass' : 'removeClass' ]( 'selected' );
  17.     });
  18.   })

  20.   // Since the event is only triggered when the hash changes, we need to trigger
  21.   // the event now, to handle the hash the page may have loaded with.
  22.   $(window).hashchange();

  24. });
  25. });


i get the result in the test2 div, but it'snt possible to get back.