// 假设搜索结果列表的容器ID为'search-results'
document.getElementById('search-results').addEventListener('click', function(e) {
    // 检查点击的目标元素是否是列表项或列表项的子元素
    const listItem = e.target.closest('.result-item'); // 假设每个结果项有'result-item'类
    
    if (listItem) {
        // 处理点击事件
        console.log('点击了结果项:', listItem);
        // 可以访问listItem的数据属性或其他属性
    }
});

const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.addedNodes.length) {
            // 新节点被添加，可以绑定事件
            mutation.addedNodes.forEach(function(node) {
                if (node.classList && node.classList.contains('result-item')) {
                    node.addEventListener('click', handleItemClick);
                }
            });
        }
    });
});

// 开始观察目标节点
observer.observe(document.getElementById('search-results'), {
    childList: true,  // 观察子节点的添加/删除
    subtree: true     // 观察所有后代节点
});

function handleItemClick(e) {
    console.log('点击了结果项:', this);
}

function loadSearchResults(query) {
    fetch('/search?q=' + encodeURIComponent(query))
        .then(response => response.json())
        .then(data => {
            const container = document.getElementById('search-results');
            container.innerHTML = ''; // 清空现有结果
            
            data.results.forEach(item => {
                const element = document.createElement('div');
                element.className = 'result-item';
                element.textContent = item.title;
                element.dataset.id = item.id; // 存储ID以备后用
                
                // 直接绑定事件
                element.addEventListener('click', function() {
                    console.log('选择了项目:', item.id);
                });
                
                container.appendChild(element);
            });
        });
}