Как загрузить Layout без обновления в Liferay Theme?

Question

Я хочу обновить содержимое/портлеты моего pages, не перезагружая всю страницу.

Я попытался с помощью JQuery .load() в navigation.ftl:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("nav#navigation ul li a").click(function(){ 
      var page = $(this).attr("href"); 
      $("#content").load(page); 
     }); 
    }); 
</script> 

Я добавил e.preventDefault() предотвратить функциональность по умолчанию возникновения как предложено Sudakatux и это работает, но это делает не разрешайте мою проблему, потому что вся страница (включая голову и тело) обернута внутри div#content каждый раз, когда я нажимаю на меню (см. снимок экрана ниже).

Answer 1

Это не Liferay вопрос. У вас не хватает preventDefault(), так как вы используете ссылку:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("nav#navigation ul li a").click(function(e){ 
      e.preventDefault(); //You are missing this line 
      var page = $(this).attr("href"); 
      $("#content").load(page); 
     }); 
    }); 
</script> 

Если вы использовали кнопку (не представить) это Wouldnt случиться. Значение на самом деле не является «ошибкой Liferay»