0

我正在动态生成 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 %}

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

上面的代码在 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>
4

2 回答 2

0

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

您也可以使用 IE9 或 IE10 进行交叉验证（Microsoft 在高级版本中解决了大部分浏览器错误），如果代码在这些浏览器中运行良好，则肯定存在 CSS 问题。

于 2013-09-16T08:44:58.057 回答
0

我回答这个问题可能为时已晚，而你的问题已经解决了。尽管如此

我想问题是当你使用“部分”在 ie8 但 ie9+ 中不起作用时，你必须更改代码，否则你可以使用modernizr.js，其中包含让 ie8 理解这个标签的黑客。

下载js并包含在你的html中。这应该解决这个问题

于 2014-01-22T03:26:24.020 回答