Question

我现在的错误在哪里，我只是不了解javascript知道它需要去哪里，任何人都可以帮助我。我终于让这一切都在我的网站上自动嵌入媒体和图像（phpbb论坛），它运作良好，但图像嵌入是不正确的（即使它确实有效）。

这是我在W3的错误：

必需属性＆＃34; src＆＃34;未指定

必需属性＆＃34; alt＆＃34;未指定

文档类型不允许元素＆＃34; img＆＃34;这里

结束标记＆＃34; img＆＃34;省略，但指定了OMITTAG NO

所以显然我在代码上做了一个数字，但不知怎的，它正在运行。

这是我的代码的黑客工作，任何人都可以帮我清理这个烂摊子吗？（我只是一个新手，这是我能在几小时后得到的最好的东西）;

<script type="text/javascript"> 

(function ($) {
    $(document).ready(function () {
        $(".content1 .postlink").oembed(null, {embedMethod: "append", maxWidth: 300,});
    });
})(jQuery);

$(document).ready(function () {
    var href = $('a.postlink.img-link').get(0).href;
    $('a.postlink.img-link').html($('').attr('src', href).fadeIn(1000));
    $('a.postlink.img-link').colorbox({rel: 'img-link'});
})
 </script>

Answer 1

您的代码可以使用一些整理，但我们需要查看相关的HTML才能真正帮助您整理它。

您可能想要更改

$('a.postlink.img-link').html($('').attr('src', href).fadeIn(1000));

到

$('a.postlink.img-link img').attr('src', href)

作为开始。

但是，要回答关于W3验证器的主要问题，请在运行任何javascript之前查看页面。所以我假设你有<img>标签没有src属性（看起来这是由javascript设置的）。这些是验证者抱怨的那种错误。

HTML页面确实应该正常工作＆＃39;即使javascript被禁用也是正确的。即使这仅仅意味着显示占位符内容或者说需要javascript的消息。

要修复验证错误，请将src和alt属性添加到html中的img标记，将它们指向某种占位符图像和文本，这些图像和文本代表将由JS替换的实际内容。

这也有助于您的页面的视觉呈现。

Answer 2

这解决了它。

<script type="text/javascript"> //<![CDATA[
    // [your script here]
// ]]></script>

用于自动嵌入图片URL的JavaScript可以正常运行，但会出现W3错误

2 个答案: