Raphael ライブラリを使用していると、Safari のマウス イベントで多くの問題が発生します (マウス イベントでは機能しません)。
私はそれが一般的であることを読みました、そしておそらくこれに対する解決策があります(ドキュメントから):
Paper.safari()
Safari (WebKit) には不便なレンダリング バグがあります。レンダリングを強制する必要がある場合があります。この方法は、このバグに対処するのに役立ちます。
ちなみに、私はそれを機能させる方法を理解できません..私はこれが好きです:
var Paper = new Raphael(document.getElementById("paperId"), '300px', '300px');
Paper.safari();
私が間違っていることを教えてもらえますか?または、それ以外の場合、代替ソリューションはありますか?
私は何時間も検索してきましたが、結果はありません... :(
編集:はい、問題は raphael 要素に URL を入力することです:
myClass.prototype.PhotoClick = function(){
var that = this;
$('.photo').each(
function(){
$(this).dblclick(function(event) {
that.loadPhoto[index].attr({fill:"url(images/image1.jpg)"});
});
});
}
申し訳ありませんが、コードが少し乱雑であるため、これ以上は投稿しません。ただし、配列項目は raphael オブジェクトであり、url パスは正しいです。要素を色で塗りつぶすと、すべて問題ありません。URLだけで問題が発生します...
今それがより明確であることを願っています