文章/答案/技术大牛

发布

社区首页 >问答首页 >rails中的tipTip问题

问rails中的tipTip问题
EN

Stack Overflow用户

提问于 2011-03-11 04:23:48

回答 1查看 645关注 0票数 1

首先，我将介绍我的任务：

我的布局：

<!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插件工作正常。但是，如果我关闭弹出式窗口，然后重新打开弹出式窗口，tipTip就会出现故障。

打开视图左上角的弹出窗口，并在firebug控制台中显示下一个错误：

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

我需要关于这个错误的帮助。

请原谅我的英语语法，并提前表示感谢

jquery

ruby-on-rails

jquery-plugins

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-03-12 02:03:30

问题是当我再次打开弹出窗口时，tipTip失去了上下文处理程序。因此，我重构了application.js中其他函数中的popUp代码，这些函数首先调用基本模式函数，然后调用tipTip选择器/附件。

稍后我将发布一个示例

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5265480

复制

相似问题

问rails中的tipTip问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问rails中的tipTip问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问rails中的tipTip问题
EN