jquery
  • click
  • href
  • 2013-08-16 32 views 0 likes 
    0

    我試着從昨天開始做一些代碼工作,但是我不能。我的目標是:如果我點擊一個按鈕,「a-tag」應該纏繞在另一個div上,而a-tag中的「href」應該來自用戶可以粘貼鏈接fe的輸入字段somelink.html)。從textarea上添加帶有href的a-tag

    這是我走到這一步:jsfiddle

    $("#linkgo").click(function() {  
        $("#wrapper").wrapInner("<a id='tablelink' href='#'></a>");    
    
        $('#link').change(function() { 
         var newurl = $('#link').val(); 
         $('a#tablelink').attr('href', newurl); 
        }); 
    }); 
    

    我粘貼鏈接的文本區域,點擊按鈕和標籤應圍繞#wrapper指定包裹從textarea的A HREF。但沒有任何反應。

    我希望我不會犯一個愚蠢的錯誤,也許有更好的方法來做到這一點。

    +0

    Web控制檯說什麼?並且在'a'中包裝'div'是非法的。 –

    +0

    我更新了我的jsfiddle鏈接。現在它設置了a-tag,但沒有textarea的href。它只是一個實習項目,所以不管它是否違法;) – Kuba

    回答

    0

    嘗試

    $(document).ready(function() { 
    
        $("#linkgo").one('click', function() { 
         var a = $("<a />", { 
          id: 'tablelink', 
          href: $('#link').val() 
         }); 
         $("#wrapper").wrapInner(a);  
        }); 
        $('#link').change(function() { 
         var newurl = $('#link').val(); 
         $('a#tablelink').attr('href', newurl); 
        }); 
    }); 
    

    演示:Fiddle

    +0

    這是完美的。你甚至可以粘貼另一個鏈接並再次點擊按鈕,腳本只需更改href並且不添加全新的a-tag。這很酷:) 不要knwo爲什麼sombody給你一個「答案沒有用」:/ – Kuba

    +0

    @Kuba可能是因爲它會生成一個無效的html –

    +0

    @Kuba也有crazys在SO –

    0

    這是你在找什麼? http://jsfiddle.net/EdaWR/20/

    $("#linkgo").click(function() { 
    
        $("#wrapper").wrapInner("<a id='tablelink' href='" +$('#link').val() +"'></a>");  
    
        $('#link').keydown(function() { 
         var newurl = $('#link').val(); 
         $('a#tablelink').attr('href', newurl); 
        }); 
    }); 
    
    +1

    這個工作到目前爲止。但是來自「Arun P Johny」的解決方案稍微好一些,因爲如果你決定改變你的鏈接,只需改變href並且不要添加一個全新的a-tag;)但是當然,如​​果給你一個「有用的答案」 。不知道爲什麼有人給你一個「答案沒有用」:/ – Kuba

    相關問題