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 では、他の要素がパディング、マージンに影響を与えたり、「To do」ボタンをオーバーライドしたりする可能性があります。IE8開発ツールで確認できます。

また、IE9 または IE10 と相互検証することもできます (Microsoft は、事前バージョンでブラウザー エラーのほとんどを解決しました)。これらのブラウザーでコードが正常に機能する場合は、CSS に問題があることは間違いありません。

于 2013-09-16T08:44:58.057 に答える