jQuery與CSS文件

Question

您好任何人都可以告訴我，我可以轉換下面的jQuery代碼，以在組合框中使用下拉項而不是此處顯示的鏈接的最佳方式。打開CSS文件 'business.css'，並顯示在文本區域 感謝 rifki

a href="css/business.css" class="link">business style 

<script> 
$(function(){ 
    $('.link').click(function(){ 
    $.get(this.href,null,function(css){ 
     $('#css').css(css); 
     return false; 
    }); 
    }); 
}); 
</script> 

Answer 1

如果這是你的HTML代碼...

<select id="stylesheetsList"> 
    <option value="">Please select</option> 
    <option value="test.css">test.css</option> 
    <option value="anothercssfile.css">anothercssfile.css</option> 
</select> 
<br /> 
<textarea id="stylesheetsText"> 
</textarea> 

然後你可以在下拉列表上使用這個jQuery與事件...

$(document).ready(function() { 

    $("#stylesheetsList").change(function() { 

     if($(this).val() == "") { 
      $("#stylesheetsText").val(""); 
      return; 
     } 

     $.get($(this).val(),function(data) { 
      $("#stylesheetsText").val(data); 
     }); 

    }); 

}); 

Answer 2

取而代之的是：

$('#css').css(css); 

你想要.text()，像這樣：

$('#css').text(css); 

這假定#css是一個<pre>元素像你以前的問題:)還有數據參數中的R $.get()是可選的，你可以有這樣的：

$.get(this.href, function(css) { 

和你return false（或event.preventDefault()）應該是直接在click處理程序，所以全togehter這樣的：

$(function(){ 
    $('.link').click(function(){ 
    $.get(this.href, function(css){ 
     $('#css').text(css); 
    }); 
    return false; 
    }); 
});