jQuery製作帶有muiltiple參數的adiv標籤如何在

中使用引號

如果內部帶有單引號「」，它會顯示F3-R06，但移動和鼠標移出不起作用。如果我把這個出來的jQuery工作正常，但如何使用裏面的引號什麼都不做。「」裏面需要什麼樣的引用？我想「」這「」」但沒有任何工程jQuery製作帶有muiltiple參數的adiv標籤如何在

<script type="text/javascript"> 
$(function drawdiv() 
    { 
     $("<div onmouseover="mOver(this,'Fred Flintstone')" onmouseout="mOut(this,'F3-R06')" style='background-color:#D94A38;width:30px;height:30px;padding:20px'>F3-R06</div>").appendTo("body"); 
    }) 
</script> 
<script> 

function mOver(obj,name) 
    { 
     obj.innerHTML=name 
    } 

function mOut(obj,room) 
    { 
     obj.innerHTML=room 
    } 
</script>

來源

2014-01-15 R2 Builder

你必須加上引號有兩個獨立的問題，一個是jQuery選擇報價和其他div的JS屬性中的引號。

首先，按照慣例，可以考慮使用jQuery選擇內單引號，以便根據需要爲HTML屬性等，你可以使用雙引號。

$('<div id="this-is-fine"></div>').blah();

其次，當你有到h在選擇器中有兩種以上的引用類型，您可以使用反斜槓（\）將它們轉義。

$('<div onmouseover="mOver(this,\'Fred Flintstone\')" onmouseout="mOut(this,\'F3-R06\')" style="background-color:#D94A38;width:30px;height:30px;padding:20px">F3-R06</div>').appendTo('body');

第三，也許考慮喝一點多了jQuery庫爾急救的。

jQuery('<div>F3-R06</div>') 
    .attr('onmouseover', 'mOver(this, "Fred")') 
    .attr('onmouseout', 'mOver(this, "F3-R06")') 
    .css({ 
     'background-color' : '#D94A38', 
     'width' : '30px', 
     'height' : '30px', 
     'padding' : '20px' 
     }) 
    .appendTo('body');

略多庫爾急救讓你在這裏：

$('<div data-alt-text="Fred">F3-R06</div>') 
    .hover(function(){ //first is mouseenter 
     altText($(this)); 
    }, 
    function() { // second is mouseleave 
     altText($(this)); 
    }) 
    .addClass('f3-box') // css is handy. 
    .appendTo('body'); 

function altText ($obj){ 
    var text = $obj.text(); 
    // wang dang and reverse it - ms elliot 
    $obj.text($obj.attr('data-alt-text')); 
    $obj.attr('data-alt-text', text) 
}  

<style> 
    .f3-box{ 
     background-color: #D94A38, 
     width: 30px, 
     height: 30px, 
     padding: 20px 
    } 
</style>

更多關於.hover() in the jquery docs

來源

2014-01-15 21:15:52 Will

謝謝你願意，我嘗試了「第二，當你必須有兩個以上的報價類型選擇器「工作完美，謝謝。我馬上會看看其他的「kool-aid」項目。由於我只有13點，我不能「投票」，需要15做到這一點，但我給了綠色檢查:) –

此外，這裏的目標是有一個數據庫駕駛「弗雷德Flintsone」和房間＃「F3-R06」。我將如何納入這一點。或者因爲這是jQuery，你不應該連接到SQL客戶端，那麼我需要用另一種語言來做到這一點，我懷疑？ –

你不能用jquery直接連接到數據庫。您可以通過ajax（）方法加載服務器生成的頁面。或者讓你的服務器輸出html，就像你創建的原始div一樣，然後使用jquery選擇器來獲取它們並附加這些東西。假設Fred div已經在頁面上了，你可以把'$（'

F3-R06

'）'改成'$（'div'）'。使用類輸出HTML元素，以便可以使用更具體的選擇器。 '

F3-R06

'然後'$（'.freds'）.hover（...）'。 – Will

jQuery製作帶有muiltiple參數的adiv標籤如何在

回答

相關問題