Question

我正在动态生成HTML并将响应附加到A DIV。

这是jQUery中生成的html

    {% elif topic|length < 1 or topic.user_exhausted_attempts %}
        $('.questionHolder').hide();
        var html = '<section class="span9">';
        html += '<div class="quiz-wrapper span12  questionHolder quiz-complete">';
        html += '<h2>Thank you for completing the Assessment.</h2>';
        html += '<br/><br/>';
        html += 'A unique learning plan has been created for you based on your responses to the Assessment.';
        html += '<br/><br/>';
        html += '<a href="{% url elearning.todolist %}" class="btn btn-primary roleplay-btn">Back to To Do</a>';
        //html += '<button onclick="javascript:window.document.location=\'{% url elearning.todolist %}\'" class="btn btn-primary roleplay-btn">Back to To Do</button>';
        {% if topic|length < 1 %}
            {% if show_submit %}
                html += '&nbsp;<button id="coursesubmit" onclick="resubmit()" class="btn btn-primary" style="margin: 5% auto;width:40%;">Submit</button>';
            {% endif %}
            {% endif %} 
        $(".responseHolder").html(html);
    {% endif %}

但是当我点击IE8中的Back to TODO按钮时，该按钮没有响应。

上面的代码在chrome和firefox中运行良好。

请告诉我这样做可以开始工作

<section class="span9">
    <div class="quiz-wrapper span12  questionHolder quiz-complete">
        <h2>Thank you for completing the Assessment.</h2>
        <br/>
        <br/>
        A unique learning plan has been created for you based on your responses to
        the Assessment.<br/>
        <br/>
        <a href="/eLearning/todo-list/" class="btn btn-primary roleplay-btn">Back to To Do</a>

Answer 1

我认为这可能是CSS问题。和其他浏览器一样，它运行正常，这意味着那里没有语法错误。在IE8中可能有其他元素填充，边距影响或覆盖“待办事项”按钮。您可以在IE8开发工具中查看它。

此外，您可以与IE9或IE10交叉验证（Microsoft在预先版本中解决了大部分浏览器错误），如果代码在这些浏览器中正常工作，那么肯定存在CSS问题。

Answer 2

我回答这个问题可能为时已晚，你可能会对问题进行排序。然而

我想问题是当你使用“section”在ie8中不起作用但ie9 +时，你必须要么改变代码，否则你可以使用modernizr.js，其中包括使用ie8来理解这个标记的hack。 / p>

下载js并在你的HTML中加入。这应该解决这个问题

Href在IE8中不起作用

2 个答案: