AJAX GET不适用于SVG文件

Question

我尝试从包含data-html的SVG发出AJAX请求，我使用了Semantic UI Popup，

如果我在SVG之外调用它，请求是有效的，但是如果它在SVG内部（data-html之内），那么测试工作只是一个简单的：

$("#mini").click(function(){
            $.get("/", function(data, status){
                alert("Data: " + data + "\nStatus: " + status);
            });
        });

如果#mini在SVG之外，我会收到回复，但不会在内部回复。

这是小提琴：https://jsfiddle.net/vx59te34/4/

要测试的区域是：

Answer 1

data-html="<h1 id='mini'>hiiii</h1>"只是数据。那就是一个字符串。您不能选择它作为DOM的一部分，因为它不是DOM元素。它只是一个单词，存储在"data-html"属性中。您可以使用$("#Illizi").data('html')访问此字符串，但它仍将是一个字符串。您无法选择并将点击绑定到。

在这种情况下，您可以执行：data-target='#mini'，然后$("path").click(function() { $( $(this).data('target') );})，并选择$('#mini')。

SVG是一张照片。它不是一个容器。包裹div，包含SVG和#mini。