Javascript 加载页面上的内容加载取决于哈希url参数

Jquery/Javascript新手试图弄清楚如何根据多个window.location.hash参数在页面上加载内容

我想知道是否可以创建如下所示的if语句：

    if (window.location.hash){          
    $('li[data-style"' + style + '"]', '#options > ul').trigger('click');
}

else {
    $('li:first', '#options > ul').trigger('click');
    }

else语句可以工作，但是我无法使if语句工作。完整代码如下

（函数（$）{
var urlprops={}；
$（'#options>ul'）。在（'click'，'li'，function（）上{
var$this=$（this）.addClass（'selected'），
imgId=$this.parent（'ul'）.data（'img'），
img=$（imgId），
cat=$this.data（'cat'），
style=$this.data（'style'），
desc=$this.text（）；
$this.sides（）.removeClass（'selected'）
img.attr（'src'，'/'+cat+'/'+style+'.png'）.attr（'alt'，'tool'+desc）；
urlprops[cat]=样式；
buildURL（）；
});
函数buildURL（）{
var combinedProps=$.param（urlprops），
baseUrl=window.location.href，
finalUrl=baseUrl+“#”+组合道具；
$（location）.attr（'hash'，combinedProps）；
}
if（window.location.hash）{
$（'li[数据样式“'+样式+”]，'#options>ul'）。触发器（'click'）；
}
否则{
$（'li:first'，'#options>ul'）。触发器（'click'）；
}
})（jQuery）；

。已选定{
背景：红色；
}
#网址{
颜色：蓝色；
字体大小：11px；
}

URL=
图像
选择权

白门
红门
黄门


圆形旋钮
杯把手
条形把手


木质顶部
塑料顶部
stone top


木地板
瓷砖地板
层压地板


蓝色墙壁
红墙
绿色墙壁

您在选择器中忘记了一个

=

：

$('li[data-style="' + style + '"]', '#options > ul')

---

如果jQuery真正需要的只是简单的函数，请使用

querySelector

和事件触发器。