JQuery, как мне выполнить этот код и сделать его отображать в DIV - PullRequest
Новая
       12

JQuery, как мне выполнить этот код и сделать его отображать в DIV

0 голосов
/ 21 января 2010

что я пытаюсь сделать, это использовать jquery и ul ul menu и по щелчку загружает разделы div из внешнего файла и отображает их в div содержимого, а в разделе thos мне нужен этот код для отображения результатов 

<script type='text/javascript'>
imvu_avatar_name = "TheDarkRaver";
imvu_panel_name = "rankings_panel";
imvu_section_name = "mp_right";
imvu_panel_width = 320;
imvu_panel_height = 228;
</script>
<script type='text/javascript'
src='http://www.imvu.com/catalog/web_panel_js.php'>
</script>

если хочешь увидеть это в действии, просто иди http://tdr.host22.com/sections.html

и посмотреть, где я хочу их отобразить

http://tdr.host22.com/

ссылка на источник HTML и скрипт мой javascript во внешнем html не загружается

1 Ответ

2 голосов
/ 21 января 2010

Глядя на свой сайт, вы, вероятно, захотите сделать это:

Поместите это где-нибудь на своей странице, может быть, после всего другого вашего контента 

<style>
#hiddenData{display:none;}
</style>
<div id="hiddenData">
    <div class="about">About text</div>
    <div class="home">Home text</div>
</div>

Затем в ваш JS-файл поместите эти функции (адаптировано из мой javascript во внешнем html не загружается ): 

var GetData = function(id){
    return $("#hiddenData > div." + id);
};
$(document).ready( function() {
  var sections = $("#menu a");
  var loading = $("#loading");
  var content = $("#content");

  function showLoading() {
    loading.css( {
      visibility: 'visible',
      opacity: 1,
      display: 'block'
    } );
  }

  function hideLoading(){
    loading.fadeTo(1000, 0);
  }

  sections.click( function() {
    showLoading();
    content.slideUp();
    GetData(this.id);
    hideLoading();
    content.slideDown();
  } );
} );
...