2016-07-08 17 views
3

我在這裏面臨一個非常奇怪的情況。 對於上下文,我使用的是this svg-edit fork的修改版本,我需要添加自定義html屬性(data-propzone =「true」)。 但奇怪的是,當我打開我的SVG與SVG編輯「setSvgString」功能,我不能用我的屬性作爲選擇,你可以在我能使用元素ID甚至填充值看到的截圖和它的正常工作,它找回我的元素與我自定義的屬性,但與$('[data-propzone="true"]')結果是空的...... Javascript console在DOM中的屬性,但不能在jQuery選擇器中使用

我與我的自定義屬性元素是DOM,你可以看到: enter image description here

我真的不知道這裏可能會出現什麼問題,我總是使用數據屬性選擇器,從來沒有問題。

對不起,你不能複製的演示頁面,因爲我不得不作出修改,以允許自定義屬性添加,所以你不能重現這個問題,我希望的截圖就足夠了,如果有人作爲領導幫助我理解這將是一個很大的幫助!

+5

你讀這個[做SVG文檔支持自定義數據 - 屬性?](http://stackoverflow.com/questions/15532371/do-svg-docs-support -custom數據的屬性) – jcubic

+0

@jcubic的OP似乎並沒有被使用數據 - API,他有這與該API兼容的屬性,但是他並沒有使用API​​本身獲取數據,只是一個CSS屬性選擇這應該在理論上起作用。 –

回答

1

你可以試試這個代碼

var arr = $('*').filter(function() { 
    return $(this).attr('data-propzone') === "true"; 
}); 
console.log(arr); 
+0

它不工作。 我適應您的代碼一點與$(「*」),而不是$(文件)。兒童(),你可以看到這裏的問題... http://i.imgur.com/wTWVx0Q.png 如果該屬性被添加它工作正常 – iBadGamer

+0

@iBadGamer你可以嘗試更新的代碼。 – Kld

+0

它似乎工作!非常感謝你 !!!!但我仍然不明白爲什麼...... – iBadGamer

0

如果試圖這樣$('*[data-propzone="true"]')什麼?

+0

這裏有什麼奇怪的是,如果在編輯器中svg被「加載」之後添加一個屬性,它就可以工作。 你可以在這裏看到: http://imgur.com/RogErdm – iBadGamer

相關問題