2010-11-09 65 views
0

裁判:http://boedesign.com/blog/2008/06/08/imagetick-for-jquery/空標籤在imageticks返回custom_button功能

我試圖讓前述方式例如,在使用Django的設置工作的一個生成的表單上。在custom_button功能(見下文)$label.text() 出現空。看起來,imagetick使用來自輸入標籤的'id'。而且它打破某種程度上因爲生成的ID有在_0 _1 _2等結尾的後綴

<input type="radio" id="id_template_logo_align_2" value="right" 
     name="template_logo_align" /> 
<label for="right">right</label> 

與圖像的名稱裏的img標籤有一個,「左」,「中」,「右」,後綴的相似nice_image_left.jpgnice_image_middle.jpg等,像這樣:

$("input[name='template_logo_align']").imageTick({ 
    custom_button: function($label){ 
     $label.hide(); 
     return '<div class="custom-radio"><img style="cursor: pointer;" class="spaced" src="/sitemedia/images/thumb_invoicelogo_' + 
      $label.text() + '.jpg"></div>'; 
    } 
}); 

我使用自定義渲染的單選按鈕領域,和整個(無線電)類型的選擇和表單提交的工作完美。除了正確顯示3個不同的圖像。

任何指針都非常受歡迎。

回答

1

我想插件期望<標籤>有<輸入>的ID設置爲它自己的'for'屬性的值。如果你想使用你當前的標記,你需要修改插件併爲$ label(horrible varname btw)構建你自己的選擇器:

$ label = $(「label [for =」+ $('#' id).attr('value')+「]」);

和羅伯特的你母親的兄弟。