Javascript和Ruby-on-rails_Javascript_Jquery_Html_Ruby On Rails

Javascript和Ruby-on-rails

javascript jquery html ruby-on-rails

Javascript和Ruby-on-rails,javascript,jquery,html,ruby-on-rails,Javascript,Jquery,Html,Ruby On Rails,我正在学习使用RubyonRails（RoR）创建网站。两年前我使用JSP时创建了一个HTML模板，现在我想在我的RoR网站中重用它。这是HTML文件 <body> <div id="container"> <ul id="nav"> <li><a href="index.html">Livingroom</a></li> <li><a href="a

我正在学习使用RubyonRails（RoR）创建网站。两年前我使用JSP时创建了一个HTML模板，现在我想在我的RoR网站中重用它。这是HTML文件

<body>

<div id="container">

    <ul id="nav">
        <li><a href="index.html">Livingroom</a></li>
        <li><a href="about.html">Bedroom</a></li>
        <li><a href="#">Mattress</a></li>
        <li id="selected"><a href="#">Bathroom</a></li>
        <li><a href="#">Kitchen</a></li>
        <li><a href="#">Office</a></li>
        <li><a href="#">Outdoor</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">My Account</a></li>
        <li><a href="#">SearchBar</a></li>
    </ul>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.Nav.js"></script>

<script type="text/javascript">
    $('#nav').spasticNav();
</script>
</body>
</html>

尝试放置

$（'#nav'）.spasticNav（）

进入

$（文档）。就绪

功能，以便在页面加载时执行：

<script type="text/javascript">
  $(document).ready(function() {
    $('#nav').spasticNav();
  });
</script>


$（文档）.ready（函数（）{
$（'#nav'）.spasticNav（）；
});

还要确保页面上有

#nav

元素。我无法从您的html布局判断您是否拥有它。

请尝试将

$（'#nav'）.spasticNav（）放在

进入

$（文档）。就绪

功能，以便在页面加载时执行：

<script type="text/javascript">
  $(document).ready(function() {
    $('#nav').spasticNav();
  });
</script>


$（文档）.ready（函数（）{
$（'#nav'）.spasticNav（）；
});

还要确保页面上有

#nav

元素。我无法从您的html布局判断您是否拥有它。

它仍然无法工作。对于html布局，我只是在标记之间复制并粘贴相同的语句。我在网上看到了一些示例，它们将函数嵌入到js文件中。我更新了我的帖子来说明这一点。你能帮我吗？我花了5个小时在这上面：（加载页面时是否存在控制台错误，并且是否确定加载了

jquery.Nav.js

文件？尝试将一个简单的

alert

或

console.log

放入jquery文件，以查看页面加载时是否正确触发。我使用

alert

进行测试，然后加载js。是否仍有不使用的选项g jQuery.prototype（我的队友创建了js文件，不是我）？我不知道你的意思。你确定nav代码有效吗？如果它被包含并且元素存在，我不确定还有什么可能是错误的…它仍然不起作用。对于html布局，我只是在标记之间复制并粘贴相同的语句。我在网上看到一些示例，它们将函数嵌入js文件中。我更新了我的帖子以显示这一点。可以吗你能帮帮我吗？我花了5个小时做这个：（加载页面时是否存在控制台错误，并且是否确定加载了

jquery.Nav.js

文件？尝试将一个简单的

alert

或

console.log

放入jquery文件，以查看页面加载时是否正确触发。我使用

alert

进行测试，然后加载js。是否仍有不使用的选项g jQuery.prototype（我的队友创建了js文件，不是我）？我不确定你的意思。你确定导航代码有效吗？如果包含它并且元素存在，我不确定还有什么地方可能出错。。。

<body>
  <div class="container">
      <%=  render 'layouts/header'%>

          <%=yield%>

      <%=  render 'layouts/footer'%>
  </div>

<script type="text/javascript">
    $('#nav').spasticNav();
</script>

</body>

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

    /*---------------------------------
        MENU Dropdowns
    -----------------------------------*/
    $('ul.menu').each(function(){

<script type="text/javascript">
  $(document).ready(function() {
    $('#nav').spasticNav();
  });
</script>