2011-03-10 54 views
1

首先,我會告訴我的任務:tipTip在軌問題

我的佈局:

<!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插件工作正常。但是,如果我關閉彈出窗口,然後重新打開彈出窗口,則提示提示出現故障。

在螢火視和顯示的左上角打開彈出勸慰下一個錯誤:

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

請我需要幫助有關此錯誤。

原諒我的英語和語法感謝提前

+0

你可以粘貼你的javascript調用iterator.bind(context); – 2potatocakes 2011-03-10 21:16:56

+0

@ 2potatocakes對不起,javascript調用iterator.bind是tipTip js – maxiperez 2011-03-11 15:19:19

回答

0

的問題是,tipTip失去了上下文句柄當我再次opne彈出。所以我在我的application.js中的其他函數中重構popUp的代碼,它首先調用basicmodal函數,然後調用tipTip選擇器/附件。

更多後來我發表了一個例子