проблема подсказки в рельсах - PullRequest
1 голос
/ 10 марта 2011

Сначала я расскажу свои задачи:

мой макет:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title><%= configatron.site_name %></title>

  <%= stylesheet_link_merged :base %>
  <%= stylesheet_link_tag("tipTip") %>
  <%= javascript_include_merged :base %>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <%= stylesheet_link_tag 'mobile' if mobile_device? %>
  <%= javascript_include_tag('jquery.simplemodal') %>
  <%= javascript_include_tag("jquery.form") %>
  <%= javascript_include_tag("jquery.tipTip") %>
  <%= javascript_include_tag("jquery.tipTip.minified") %>

  <script type="text/javascript">
      $j = jQuery.noConflict();  
  </script>

</head>
<body>
<div id="header">
<!-- my header code -->
</div>
<div id="main">
<%= render :partial => "groups/invite_friends" %>

<%= link_to_function "GANA DINERO CON FISHLE", "basicModal('#invite-friends')" %>
</div>
</body>
</html>

У меня есть следующий частичный:

<script type="text/javascript">
    /*TIP TIP*/
    $j(function() {
        $j(".quest-import").tipTip({edgeOffset: 5, delay: 100, defaultPosition: "top"});
    });

    $j(function() {
        $j(".quest-social-network").tipTip({edgeOffset: 5, delay: 100, defaultPosition: "top"});
    });
</script>

<div class="popup" id="invite-friends">
  <% remote_form_for :recommendation, :url => {:controller => "groups", :action => "invite_friend"} do |f| %>
      <div class="header">Invita Amigos</div>
      <div class="content">
        <p>Mensaje de invitación</p>
        <!--#comentario-->
        <div class="fleft">
          <%= image_tag "fishle-logo-medium.png", :width => 115 -%>
          <%= text_area_tag "message", nil, :cols => 20, :rows => 4 -%>
          <%= image_tag "arrow.png", :width => 60, :style => "margin-bottom: 20px;" -%>
        </div>
        <div class="text-box">Invita a tus amigos y conocidos o simplemente haz conocer nuestras espectaculares
          promociones por el medio que más te guste.
        </div>
      </div>

      <div class="section-small  clearfix">
        <div id="voice">
          <p>Díselo a tus amigos
            <%= image_tag "question-mark.png", :class => "quest-social-network", :title => "Corre la voz via facebook, twitter o ambos para formar rapidamente un grupo y aprovechar las ofertas de Fishle" %>
            :
          </p>
        </div>
        <div class="small-image-for-invites fleft">
          <div id="fb" class="fleft">
            <a href="http://www.facebook.com/share.php?u=<%= h "http://#{configatron.site_url}/signup/#{current_user.id}" %>">
              <%= image_tag "fb-icon.png", :style => "float: left;" %>
            </a>
            <a href="http://www.facebook.com/share.php?u=<%= h "http://#{configatron.site_url}/signup/#{current_user.id}" %>" style="margin-top: 4px;">
              <span style="margin-top: 4px; float:left">Facebook</span>
            </a>
          </div>
          <div id="tweet" class="fleft">
            <a href="http://twitter.com/?status=¿Ya te has apuntado en Fishle? ¡El nuevo concepto de compra! Registrate en <%= h "http://#{configatron.site_url}/signup/#{current_user.id}" %>">
              <%= image_tag "twitter-icon.png", :style => "float: left;" %>
              <span style="margin-top: 4px; float:left">Twitter</span>
            </a>
          </div>
        </div>
      </div>
      <div class="section-medium">
        <p>
          Invita a tus amigos y conseguirás descuentos, packs gratis y acceso a muchas promociones<br/>
          <span class="black10">(Separa los correos electrónicos por comas)</span>

        <p><%= text_field_tag "email", '', :size => 40 %> <%= f.submit "Enviar" %></p>
        </p>
      </div>
  <% end %>

  <div class="section-big">
    <div>

      <div class="clearfix">
        <div class="fleft">
          <p>
            <span class="fleft">Invita a tus contactos</span> 
          <span class="small-image-for-invites fleft">
            <%= image_tag "question-mark.png", :style =>"position:relative; left:6px;", :class => "quest-import", :title => "Selecciona el provedor de servicios e ingresa tu usuario de email para importar tus contactos e invitarlos a fishle de la manera más rapida" -%>
            :
          </span>
            <br/>
          <span class="black10">
            (Recomienda el pack a tus contactos)
          </span>
          </p>
        </div>
        <div class="medium-image-for-invites"><%= image_tag "yahoo.png" -%></div>
        <div class="medium-image-for-invites"><%= image_tag "gmail.png" -%></div>
        <div class="medium-image-for-invites"><%= image_tag "winlive.png" %></div>
      </div>
    </div>
    <div>
      <h4>Tu dirección de correo electrónico</h4>

      <div class="clearfix">
        <div id="import-contacts" class="clearfix">
          <%= render :partial => "shared/import_contacts" %></div>
      </div>
    </div>
  </div>
</div>

этот частичный является всплывающим с использованием простогомодальный плагин jQuery.ОК?Я хочу использовать плагин tipTip Jquery в изображениях вопросов (в классах сценариев тегов кода)

При первом открытии всплывающего окна плагин tipTip работает нормально.однако, если я закрываю всплывающее окно и затем снова открываю всплывающее окно, подсказка не работает.

Откройте Popup в верхнем левом углу окна просмотра и покажите в консоли Firebug следующую ошибку:

iterator.bind is not a function
[Break On This Error] iterator = iterator.bind(context); 

Пожалуйста, мне нужна помощь по этой ошибке.

Извините, мой синтаксисна английском и заранее спасибо

1 Ответ

0 голосов
/ 11 марта 2011

Проблема заключалась в том, что tipTip терял обработчик контекста, когда я снова открывал всплывающее окно.Поэтому я реорганизую код popUp в другой функции в моем application.js, которая сначала вызывает функцию basicmodal, а затем вызывает функцию tipTip selector / attachment.

Подробнее Позже я опубликую пример

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...