Содержимое тега скрипта печатается на странице - PullRequest
0 голосов
/ 15 марта 2012

Я новичок в Rails. Я использую jQuery и jQGrid в проекте. Проблема, с которой я сталкиваюсь, заключается в том, что при загрузке страницы на странице отображается следующее содержимое. Я не знаю, в чем причина. Кто-нибудь может сказать мне причину этой проблемы.

<script src="/javascripts/jqgrid/jquery.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/jquery-ui-1.7.1.custom.min.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/jquery.layout.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/i18n/grid.locale-en.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/jquery.jqGrid.min.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/jquery.tablednd.js?1331713080" type="text/javascript"></script>
<script src="/javascripts/jqgrid/jquery.contextmenu.js?1331713080" type="text/javascript"></script>

Это мой код просмотра,

<%= stylesheet_link_tag "process_mon/style" %>
<%= javascript_include_tag "process_mon/conf" %>
<%= javascript_include_tag "prototype" %>
<%= javascript_include_tag "process_mon/monitor" %>
<%= javascript_include_tag "process_mon/validations"%>
<style>
        fieldset{
                font-family: Times New Roman;
                font-size: 12;
        }
        body {
                background : #f9f9f3;
        }        
.tabmenu a, #tabmenu a.active {
        background: none repeat scroll 0 0 #E6B662;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 3px 8px 1px;
        text-decoration: none;
}    
.tabmenu a:link
{
        background: none repeat scroll 0 0 #E6B662;
        color:#000000;
        font:bold 14px arial;
        padding:5px 8px 5px 5px;
        text-decoration : none;
}
.tabmenu a.active
{
        background : none repeat scroll 0 0 #F9F9F3;
        border-bottom : 3px solid #F9F9F3;
        color : #000000;
}
#navigation ul
{
list-style: none;
padding: 0;
margin: 0
}
.tabmenu li
{
display: inline;
list-style-type:none;
float: left;
margin: 0;
margin-left : -41px;
margin-right: 45px;
}
</style>

<% if params["load"] == "conf" %>
        <body onLoad="new Ajax.Updater('maindiv', '/processmonitoring/conflist', {asynchronous:true, evalScripts:true});return false;">
<% else %>
        <body onLoad="new Ajax.Updater('maindiv', '/processmonitoring/monitor', {asynchronous:true, evalScripts:true});return false;">
<% end %>
<div id="tabmenu" class="tabmenu" style="position: absolute;width : 100%">
<ul id="navigation">
                       <li><span><%= link_to "Monitor", :update => "maindiv" ,:url => { :controller => 'processmonitoring', :action => 'monitor'  },  :complete => 'reset();',  :method => 'get'  %></span></li>

                       <li><span><%= link_to "Configuration", :update => "maindiv" , :load => "conf" ,  :url => { :controller => 'processmonitoring', :action => 'conflist' } %><span></li>

</ul>
</div>
<br><br><br>
<div style="clear:both" ></div>
<div id="maindiv">
</div>
</body>

Ответы [ 2 ]

1 голос
/ 18 марта 2014

Я знаю, что это старый вопрос, но это может сэкономить время для других:

У меня была та же проблема сегодня, и у меня был стиль в CSS, который был основной причиной:

body * {
   display: inline; // or any display value other than none
}

* включает также тег script.

0 голосов
/ 15 марта 2012

Я не уверен в этом, но вы можете поместить все свои данные между тегами и поместить все ваши теги стиля и javascript между ними, и проверить, помогает ли это

убедитесь, что вы следуете этому шаблону для своей страницы

<!DOCTYPE html>
<html>
<head>
    <title>Web page title</title>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <!-- HTML code here -->
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...