يُرجع document.getElementById قيمة فارغة عندما يعمل الآخرون بشكل جيد [مغلق]

https://stackoverflow.com//questions/23019902

21-12-2019
|

سؤال

لقد رأيت العديد من المنشورات الأخرى هنا في SO وعبر الويب، ولكن تلك المنشورات تتعامل مع محاولة إضافة معالج الحدث قبل إنشاء العنصر.وضعي مختلف.

لدي مستند html يحتوي على المقطع التالي:

<nav id="main_menu">                
            <ul>                
                <li id="liMapFilter" class="list"><img id="imgFilter" src="images/filter_icon.png">Filter</li>
                <li id="liDiagnostics" class="list"><img id="imgTools" src="images/tools_icon.png">Administration</li>              
            </ul>           
        </nav>

قمت بتعيين عدد من معالجات الأحداث بعد تحميل الصفحة عن طريق الاتصال:

$(document).ready(function() {
    home.init();
});

في حدود home.init() وظيفة قمت بتعيين المستمع التالي:

var elmMapFilter = document.getElementById('liMapFilter"');
cs_core.addEvent(elmMapFilter, 'click', home.showDialogMapFilter, false);

يتم توصيل جميع معالجات المستمع الأخرى بشكل جيد، ولكن هذا المعالج بالذات يلقي دائمًا مرجعًا فارغًا.لا أستطيع أن أفهم متى يعمل هذا المعالج بشكل جيد:

var elmDiagnostics = document.getElementById('liDiagnostics');
cs_core.addEvent(elmDiagnostics, 'click', core.showDiagnostics, false);

يرجى تقديم النصيحة.

المحلول

لقد حصلت على خطأ مطبعي.هناك ضالة " الحرف في معرفك.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow