爲什麼在dream weaver中的jQuery代碼在chrome中不起作用？

-4

我寫這篇文章的代碼在我的夢想韋弗和運行，但運行時，它告訴我這個控制檯：爲什麼在dream weaver中的jQuery代碼在chrome中不起作用？

75px 
75px 
61px 
73px 
70px

我的問題就在這裏！當我運行在控制檯中的Chrome的代碼顯示它：

72px 
71px 
58px 
70px 
60px

這是我的代碼：

<script> 


       $(function(){ 
       for(var i=0 ; i < $('#in-form ul li').length ; i++) 
       { 
        var wid = $('#in-form ul li label span').eq(i).css('width'); 
        console.log(wid); 
        //$('#in-form ul li label input').eq(i).css('right',wid); 
       } 

       }); 

</script>

來源

2013-07-20 marcos

顯然Chrome的渲染HTML有點不同。我不希望Dreamweaver有一個非常好的HTML渲染器。 –

就像Felix說的那樣，不要指望Dreamweaver像應該那樣渲染HTML，請檢查所有主流瀏覽器中呈現的HTML，如果它們一致的話。通常，用於在js/html中開發UI接口的IDE完全沒用。一個簡單的文本編輯器（例如記事本++）是更好的IMO。 –

同意以上兩點。 Dreamweaver不是一個很好的編輯器。特別是因爲拖放組件，最終不會寫出非常好的HTML。 – Toiletduck

試試這個代碼：

$(function(){ 
    $('#in-form ul li').each(function(){ 
     wid = $(this).find('label span').width() 
     console.log(wid); 
    }) 
});

來源

2013-07-20 09:34:21

我這樣做，但是當寫這段代碼是DW和運行與鉻顯示頂部的第一部分，當我在控制檯鉻編寫代碼顯示我頂部的第二部分 – marcos

不可能幫助你這麼小的東西。 –

爲什麼在dream weaver中的jQuery代碼在chrome中不起作用？

回答

相關問題